24/5/23, 8:19 ▷ Diagrama de componentes.
Teoria y ejemplos
Spanish
DIAGRAMAS ESTRUCTURALES DIAGRAMAS DE COMPORTAMIENTO BLOG
x x
Diagrama de componentes
Chompa
S/ 159
Mientras que otros diagramas UML describen la funcionalidad de un sistema, los diagramas de componentes se utilizan para modelar los
componentes que ayudan a hacer esas funcionalidades, representando la forma en la que estos se organizan y sus dependencias.
Reserva Felicidad
- 40 %
Reserva ya
En esta entrada dedicada al diagramas de componentes veremos qué es un diagrama de componentes, los símbolos de este diagrama y
cómo dibujar uno de forma muy sencilla. Al final del artículo podrás encontrar unos cuantos diagramas para ilustrar a modo de ejemplo
toda la teoría.
Contenido [Ocultar]
Descubre más
1 Qué es un diagrama de componentes
en [Link]
2 Elementos del diagrama de componentes
2.1 Componente
2.2 Interfaz
2.3 Relación de dependencia
3 Cómo dibujar un diagrama de componentes
4 Diagramas de componentes, ejemplos
4.1 Diagrama de componentes de una clínica veterinaria.
4.2 Diagrama de componentes de una tienda online
4.3 Diagrama de componentes de un cajero
4.4 Diagrama de componentes de gestión de biblioteca
4.5 Ejemplo de componentes a incluir en un diagrama de componentes de una tienda online
Qué es un diagrama de componentes
Utilizamos cookies para asegurar que damos la mejor experiencia al usuario en nuestro sitio web. Si continúa utilizando este sitio asumiremos que está de
acuerdo.
El diagrama de componentes es uno de los principales diagramas UML. Está clasificado como diagrama de estructura y, como tal, x
ESTOY DE ACUERDO
representa de forma estática el sistema de información. Habitualmente POLÍTICA
se utilizaDE PRIVACIDAD
después de haber creado el diagrama de clases, pues
necesita información de este diagrama como pueden ser las propias clases.
[Link] 1/9
24/5/23, 8:19 ▷ Diagrama de componentes. Teoria y ejemplos
Este diagrama proporciona una vista de alto nivel de los componentes dentro de un sistema. Los componentes pueden ser un componente
de software, como una base de datos o una interfaz de usuario; o un componente de hardware como un circuito, microchip o dispositivo; o
una unidad de negocio como un proveedor, nómina o envío.
Algunos usos de este tipo de diagrama es el siguiente:
Se utilizan en desarrollo basado en componentes para describir sistemas con arquitectura orientada a servicios.
Mostrar la estructura del propio código.
Se puede utilizar para centrarse en la relación entre los componentes mientras se ocultan los detalles de las especificaciones.
Ayudar a comunicar y explicar las funciones del sistema que se está construyendo a los interesados o stakeholders.
x su construcciónxse debe plantear en primer lugar identificar los componentes que utilizará el sistema de información, así como las
Para
distintas interfaces. Una forma típica y común para una primera aproximación en sistemas sencillos es utilizar un componente central al
que los demás componentes se unen, y que se utiliza como componente gestor del sistema.
Primera aproximación al diagrama de componentes
Elementos del diagrama de componentes
El diagrama de componentes está formado por tres elementos: Componente, Interfaz y Relación de dependencia.
Componente
Un componente es un bloque de unidades lógicas del sistema, una abstracción ligeramente más alta que las clases. Se representa como
un rectángulo con un rectángulo más pequeño en la esquina superior derecha con pestañas o la palabra escrita encima del nombre del
componente para ayudar a distinguirlo de una clase.
Un componente puede representar dos tipos de elementos: componentes lógicos (como por ejemplo componentes de negocio o proceso)
o componentes físicos (como componentes .NET, EJB…). Por ejemplo, en una aplicación desarrollada en java habrá, con total seguridad,
varios componentes «.java», que son componentes lógicos del sistema.
Es representado a través de un rectángulo que tiene, a su vez, dos rectángulos a la izquierda, tal y como se muestra en la siguiente imagen:
Utilizamos cookies para asegurar que damos la mejor experiencia al usuario en nuestro sitio web. Si continúa utilizando este sitio asumiremos que está de
acuerdo.
x
ESTOY DE ACUERDO POLÍTICA DE PRIVACIDAD
[Link] 2/9
24/5/23, 8:19 ▷ Diagrama de componentes. Teoria y ejemplos
Notación de componente
Otra
x notación, utilizada
x en las últimas versiones de UML consiste en un rectángulo con un rectángulo más pequeño en la esquina superior
derecha con pestañas.
Otra notación de
componente
También es posible utilizar el diagrama de paquetes para hacer un conjunto de varios módulos. Con esto se consigue representar la unión
de esos módulos para un fin concreto.
Paquete con varios componentes
Ejemplos de componentes podrían ser los siguientes: Gestión de E/S, Animal, Persona, Gestión de incidencias, Gestor de workflow,… Como
ves son conceptos muy amplios y que pueden ser más o menos específicos dependiendo de la profundidad que se puede dar al diagrama.
Ejemplos de componentes
Lo ideal es que los componentes estén diseñados de forma que tengan una gran cohesión y un bajo acoplamiento, para favorecer su
reutilización.
Utilizamos cookies para asegurar que damos la mejor experiencia al usuario en nuestro sitio web. Si continúa utilizando este sitio asumiremos que está de
acuerdo.
x
ESTOY DE ACUERDO POLÍTICA DE PRIVACIDAD
[Link] 3/9
24/5/23, 8:19 ▷ Diagrama de componentes. Teoria y ejemplos
Interfaz
La interfaz está siempre asociada a un componente y se utiliza para representar la zona del módulo que es utilizada para la comunicación
con otro de los componentes.
x x
Se representa con una línea que tiene al final un circulo no relleno:
Notación de una interfaz
Otros módulos pueden conectarse a una interfaz. Esto se hace cuando un componente requiere o utiliza al otro componente mediante su
interfaz, que son las operaciones externas que ofrece el componente. Se representa con un linea que termina en un semicírculo que rodea
la interfaz del otro componente. En el diagrama se vería de la siguiente manera:
Utilización de interfaz
Relación de dependencia
Aunque puedes mostrar más detalles sobre la relación entre dos componentes utilizando la notación de interfaces (interfaz proporcionada
y la interfaz requerida), también puedes usar una flecha de dependencia para mostrar la relación entre dos componentes. Es una relación
más general.
Utilizamos cookies para asegurar que damos la mejor experiencia al usuario en nuestro sitio web. Si continúa utilizando este sitio asumiremos que está de
acuerdo.
x
ESTOY DE ACUERDO POLÍTICA DE PRIVACIDAD
[Link] 4/9
24/5/23, 8:19 ▷ Diagrama de componentes. Teoria y ejemplos
La relación de dependencia representa que un componente requiere de otro para ejecutar su trabajo. Es diferente a la interfaz, pues esta
identifica que un componente ofrece una serie de operaciones. En cualquier caso, en ocasiones para simplificar el diagrama no se usan las
interfaces sino que solamente se utilizan relaciones de dependencia.
x x
Una relación de dependencia se representa mediante una flecha discontinua que va desde el componente que requiere de otro
componente hasta el requerido.
Notación de una relación de
dependencia
Las relaciones de dependencia pueden unir, además de componentes con otros componentes, componentes con interfaces.
Cómo dibujar un diagrama de componentes
Puedes utilizar un diagrama de componentes cuando quieras representar tu sistema como una colección de componentes e interfaces.
Esto te ayudará a tener una idea de la futura implementación del sistema. Los siguientes son los pasos que pueden servir de guía al dibujar
un diagrama de componentes.
Paso 1: Determina el propósito del diagrama e identifica los artefactos como los archivos, documentos, etc. en tu sistema o
aplicación que necesitas representar en su diagrama.
Paso 2: Acookies
Utilizamos medida que
para descubres
asegurar las relaciones
que damos entre los
la mejor experiencia al elementos que identificaste
usuario en nuestro anteriormente,
sitio web. Si continúa crea
utilizando este unasumiremos
sitio diseño mental de de
que está tu
acuerdo.
diagrama de componentes. x
Paso 3: Al dibujar el diagrama, agrega primero los componentes, agrupándolos dentro de otros componentes como mejor te parezca.
ESTOY DE ACUERDO POLÍTICA DE PRIVACIDAD
[Link] 5/9
24/5/23, 8:19 ▷ Diagrama de componentes. Teoria y ejemplos
Paso 4: El siguiente paso es agregar otros elementos, como interfaces, clases, objetos, dependencias, etc. al diagrama de
componentes y completarlo.
Paso 5: Puede adjuntar notas en diferentes partes de su diagrama de componentes para aclarar ciertos detalles a otros usuarios.
Diagramas de componentes, ejemplos
Estos son algunos ejemplos del diagrama de componentes, cada uno ha sido dibujado a distinto nivel de abstracción.
Diagrama de componentes de una clínica veterinaria.
En este caso se han utilizado paquetes para dar una visión de alto nivel del sistema.
x x
Diagrama de componentes clínica veterinaria
Diagrama de componentes de una tienda online
Utilizamos cookies para asegurar que damos la mejor experiencia al usuario en nuestro sitio web. Si continúa utilizando este sitio asumiremos que está de
acuerdo.
Diagrama de componentes tienda online
x
ESTOY DE ACUERDO POLÍTICA DE PRIVACIDAD
Diagrama de componentes de un cajero
[Link] 6/9
24/5/23, 8:19 ▷ Diagrama de componentes. Teoria y ejemplos
x x
Diagrama de componentes cajero
Diagrama de componentes de gestión de biblioteca
Diagrama de componentes gestión de biblioteca (fuente: Métricav3 «Ministerio de
Administraciones Públicas»)
Ejemplo de componentes a incluir en un diagrama de componentes de una tienda
online
Aquí te dejo algunos ejemplos de componentes que podrías valorar incluir en un diagrama de componentes de una tienda web:
Utilizamos cookies para asegurar que damos la mejor experiencia al usuario en nuestro sitio web. Si continúa utilizando este sitio asumiremos que está de
acuerdo.
x
1. Servidor web: El servidor web es el componente principal que aloja y sirve la página web de la tienda.
ESTOY DE ACUERDO
2. Base de datos: La base de datos es el componente que almacena POLÍTICA DE PRIVACIDAD
la información de los productos, pedidos, clientes y otros datos
relevantes de la tienda.
[Link] 7/9
24/5/23, 8:19 ▷ Diagrama de componentes. Teoria y ejemplos
3. Sistema de pagos: El sistema de pagos es el componente encargado de procesar los pagos realizados por los clientes utilizando
diferentes métodos de pago, como tarjeta de crédito, transferencia bancaria, entre otros.
4. Sistema de envío: El sistema de envío es el componente que gestiona los envíos de los productos comprados por los clientes,
incluyendo la gestión de los proveedores de transporte, el seguimiento del envío y la entrega al cliente final.
5. Servicios web: Los servicios web son componentes que ofrecen una interfaz de programación de aplicaciones (API) para permitir a
otros sistemas interactuar con la tienda web, como integraciones con sistemas de pago, sistemas de marketing, redes sociales, entre
otros.
6. Gestión de pedidos: El componente de gestión de pedidos es responsable de procesar los pedidos realizados por los clientes, como
la validación del pago, la gestión del stock, la preparación del envío y la actualización del estado del pedido.
7. Motor de búsqueda: El motor de búsqueda es el componente que permite a los clientes buscar productos en la tienda, utilizando
diferentes criterios de búsqueda, como el nombre, la categoría, el precio, entre otros.
8. Interfaz de usuario: La interfaz de usuario es el componente que permite a los clientes interactuar con la tienda a través de la página
web, proporcionando una experiencia de usuario amigable y accesible.
9. Gestión de inventario: El componente de gestión de inventario es responsable de la gestión del stock de los productos en la tienda,
incluyendo la actualización de los niveles de stock, la reposición de inventario y la gestión de devoluciones.
x10. Seguridad: El componente
x de seguridad es responsable de garantizar la seguridad de la información y los datos almacenados en la
tienda web, como la protección de los datos de los clientes, la prevención de fraudes y la gestión de accesos y permisos.
¿Quieres colaborar con esta web? ¡Envíanos tus diagramas UML a la dirección aportaciones@[Link] para que sirvan de
ejemplo a otras personas!
También puedes contactar con nosotros a través de la Página de contacto.
¿Estás interesado en más diagramas UML? Visita nuestra página principal donde tenemos un listado completo.
report this ad
Utilizamos cookies para asegurar que damos la mejor experiencia al usuario en nuestro sitio web. Si continúa utilizando este sitio asumiremos que está de
acuerdo.
x
Contacto
ESTOY DE ACUERDO POLÍTICA DE PRIVACIDAD
Política de Privacidad
[Link] 8/9
24/5/23, 8:19 ▷ Diagrama de componentes. Teoria y ejemplos
Política de cookies
Aviso legal
Copyright © 2023 · Magazine Pro on Genesis Framework · WordPress · Log in
x x
Utilizamos cookies para asegurar que damos la mejor experiencia al usuario en nuestro sitio web. Si continúa utilizando este sitio asumiremos que está de
acuerdo.
x
ESTOY DE ACUERDO POLÍTICA DE PRIVACIDAD
[Link] 9/9
