Vous êtes sur la page 1sur 12

5/2/2019 Tutorial de Diagrama de Clase

Casa (/) /  Tutoriales (/tutorials/) /  Diagrama de clase

¿Qué es un diagrama de clase en


UML?

Notaciones del diagrama de la clase

Clase

Atributo

Operación

Relaciones

Asociación

Multiplicidad

Generalización

Realización

Dependencia

¿Cuándo dibujar diagrama de clases?

¿Cómo dibujar diagrama de clases?

Ejemplos de diagrama de clase

Tutorial de Diagrama de Clase

¿Qué es un diagrama de clase en UML?

Un diagrama de clase describe la estructura de un sistema orientado a objetos mostrando


las clases en ese sistema y las relaciones entre las clases. Un diagrama de clase también
muestra las restricciones y los atributos de las clases.

https://online.visual-paradigm.com/tutorials/class-diagram-tutorial/ 1/12
5/2/2019 Tutorial de Diagrama de Clase

¡Intentalo!
¿Encontrar una herramienta de diagrama de clase en línea? Simplemente haga clic
en el botón Dibujar a continuación para crear su Diagrama de clase en línea. Visual
Paradigm Online es gratis * e intuitivo. También puede consultar este tutorial de
Diagrama de clase para obtener información sobre el Diagrama de clase antes de
comenzar

Dibujar ahora (https://online.visual-


paradigm.com/diagrams.jsp#diagramlist:new=ClassDiagram)

Notaciones del diagrama de la clase

Clase

La representación UML de una clase es un rectángulo que contiene tres


compartimentos apilados verticalmente, como se muestra en la Figura:

https://online.visual-paradigm.com/tutorials/class-diagram-tutorial/ 2/12
5/2/2019 Tutorial de Diagrama de Clase

Atributo

La sección de atributos de una clase enumera cada uno de los atributos de la clase en
una línea separada. La sección de atributos es opcional, pero cuando se usa contiene
cada atributo de la clase mostrada en un formato de lista. La línea usa este formato:
nombre: tipo de atributo (por ejemplo, número de tarjeta: número entero).

Operación

Las operaciones se documentan en el compartimiento inferior del rectángulo del


diagrama de clase, que también es opcional. Al igual que los atributos, las operaciones
de una clase se muestran en un formato de lista, con cada operación en su propia línea.
Las operaciones se documentan utilizando esta notación: nombre (lista de parámetros):
tipo de valor devuelto (por ejemplo, calculable (país, estado): moneda).

Relaciones

Asociación

Algunos objetos están hechos de otros objetos. La asociación especi ca una relación
"has-a" o "todo / parte" entre dos clases. En una relación de asociación, un objeto de
toda la clase tiene objetos de clase de parte como datos de instancia.

En un diagrama de clase, una relación de asociación se representa como una línea


continua dirigida.

Asociación unidireccional : en una asociación unidireccional, dos clases están


relacionadas, pero solo una clase sabe que la relación existe.

Una asociación unidireccional se dibuja como una línea sólida con una punta de echa
abierta que apunta a la clase conocida.

https://online.visual-paradigm.com/tutorials/class-diagram-tutorial/ 3/12
5/2/2019 Tutorial de Diagrama de Clase

Asociación bidireccional (estándar) : una asociación es un vínculo entre dos clases.


Siempre se asume que las asociaciones son bidireccionales; esto signi ca que ambas
clases son conscientes de las demás y de su relación, a menos que cali que a la
asociación como algún otro tipo.

Una asociación bidireccional se indica mediante una línea continua entre las dos clases.

Multiplicidad

Coloca notaciones de multiplicidad cerca de los extremos de una asociación. Estos


símbolos indican el número de instancias de una clase vinculada a una instancia de la
otra clase. Por ejemplo, una empresa tendrá uno o más empleados, pero cada
empleado trabaja solo para una empresa.

Visibilidad

La visibilidad se usa para indicar quién puede acceder a la información contenida


dentro de una clase indicada con +, -, # y ~ como se muestra en la gura:

Generalización 

https://online.visual-paradigm.com/tutorials/class-diagram-tutorial/ 4/12
5/2/2019 Tutorial de Diagrama de Clase

Una generalización es una relación entre una cosa general (llamada superclase) y un
tipo más especí co de esa cosa (llamada subclase). La generalización a veces se llama
una relación "es un tipo de" y se establece a través del proceso de herencia.

En un diagrama de clase, la relación de generalización se representa como una línea


continua sólida con una punta de echa grande abierta que apunta a la clase principal.

Clases y métodos abstractos


En una jerarquía de herencia, las subclases implementan detalles especí cos,
mientras que la clase principal de ne el marco de trabajo en sus subclases. La clase
principal también sirve una plantilla para métodos comunes que serán
implementados por sus subclases.

El nombre de una clase abstracta se muestra típicamente en cursiva;


alternativamente, se puede mostrar una clase abstracta utilizando la anotación
textual, también llamada estereotipo {resumen} después o debajo de su nombre.

Un método abstracto es un método que no tiene implementación. Para crear un


método abstracto, cree una operación y conviértalo en cursiva.

Realización

Una realización es una relación entre dos cosas donde una cosa (una interfaz) especi ca
un contrato que otra cosa (una clase) garantiza llevar a cabo mediante la
implementación de las operaciones especi cadas en ese contrato.

https://online.visual-paradigm.com/tutorials/class-diagram-tutorial/ 5/12
5/2/2019 Tutorial de Diagrama de Clase

En un diagrama de clase, la relación de realización se representa como una línea


dirigida discontinua con una punta de echa abierta que apunta a la interfaz.

Dependencia

La dependencia indica una relación de "usos" entre dos clases. En un diagrama de clase,
una relación de dependencia se representa como una línea dirigida discontinua.

Si una clase A "usa" clase B, entonces una o más de las siguientes a rmaciones
generalmente son verdaderas:

1. La clase B se usa como el tipo de una variable local en uno o más métodos de la clase A.

2. La clase B se usa como el tipo de parámetro para uno o más métodos de la clase A.
3. La clase B se utiliza como el tipo de retorno para uno o más métodos de la clase A.

4. Uno o más métodos de la clase A invocan uno o más métodos de la clase B.

¿Cuándo dibujar diagrama de clases?

La mayoría de los diagramas UML no se pueden asignar directamente con ningún lenguaje
de programación orientado a objetos, excepto los diagramas de clase. En otras palabras, el
diagrama de clase idealmente puede tener una asignación de uno a uno a los diagramas de
clase UML. Además, los diagramas de clase son útiles en las siguientes situaciones:

Describiendo la vista estática del sistema.

Modelando la colaboración entre los elementos de la vista estática.

Describiendo las funcionalidades realizadas por el sistema.


Construcción de aplicaciones de software utilizando lenguajes orientados a objetos.

Realización de ingeniería de código hacia adelante para los sistemas de destino.


Clasi car clases o componentes como biblioteca para futuras reutilizaciones. 

https://online.visual-paradigm.com/tutorials/class-diagram-tutorial/ 6/12
5/2/2019 Tutorial de Diagrama de Clase

¿Cómo dibujar un diagrama de clase?


1. Identi que los objetos en el dominio del problema y cree clases para cada uno de ellos. (por ejemplo,

profesor, estudiante, curso para un sistema de inscripción)

2. Agregue atributos para esas clases (por ejemplo, nombre, dirección, teléfono para la clase de
estudiante)

3. Agregar operaciones para esas clases (por ejemplo, addStudent (alumno) para la clase del curso)
4. Conecte las clases con las relaciones adecuadas (p. Ej., Relacionar al profesor y el curso con una

asociación)
5. Opcionalmente, especi que las multiplicidades para los extremos de los conectores de asociación (por

ejemplo, la entrada 0..3 para el lado del curso de la asociación que conecta al profesor y al curso, para
indicar que un maestro puede enseñar varios hasta tres cursos)

Tú también puedes:

Dibujar paquetes para la categorización lógica de clases.

Ejemplos de diagrama de clase

El siguiente ejemplo de diagrama de clase muestra las clases involucradas en un sistema de


orden de venta. Observe el uso de la clase <<enumeración>> en el modelo de clase.

https://online.visual-paradigm.com/tutorials/class-diagram-tutorial/ 7/12
5/2/2019 Tutorial de Diagrama de Clase

El siguiente ejemplo de diagrama de clase muestra un conjunto de clases relacionadas con


la gestión de vuelo. Las clases se agrupan en un paquete.

https://online.visual-paradigm.com/tutorials/class-diagram-tutorial/ 8/12
5/2/2019 Tutorial de Diagrama de Clase

¿Quieres dibujar un diagrama de clase?


Ha aprendido qué es un Diagrama de clase y cómo dibujar un Diagrama de clase
paso a paso. Es hora de ensuciarse las manos dibujando su propio Diagrama de
clase. Dibuja diagramas UML gratis * con Visual Paradigm Online. Es fácil de usar,
intuitivo.

Dibujar ahora (https://online.visual-


paradigm.com/diagrams.jsp#diagramlist:new=ClassDiagram)

* La edición Express admite el uso gratuito de Visual Paradigm Online solo para uso no comercial .


(https://www.visual-paradigm.com/)

https://online.visual-paradigm.com/tutorials/class-diagram-tutorial/ 9/12
5/2/2019 Tutorial de Diagrama de Clase

Diseño de software

Software UML (/features/uml-tool/)

Software de Diagrama ER (/features/erd-tool/)

Creador de diagrama de ujo de datos (DFD) (/features/dfd-maker/)

Diseño de negocios

Software ArchiMate Diagram (/features/archimate-tool/)

Software BPMN (/features/bpmn-tool/)

Organizador de organigramas (/features/organization-chart-maker/)

Mapeo de ujo de valor (/features/value-stream-mapping-software/)

Herramienta de mapeo del viaje del cliente (/features/customer-journey-mapping-tool/)

Herramienta de diseño de concepto de negocio (/features/business-concept-tool/)

Herramienta de Diagrama ITIL (/features/itil-diagram-tool/)

Herramientas de diagrama de ujo

Fabricante de diagrama de ujo (/features/ owchart-tool/)

Diagrama de Swimlane (/features/ owchart-tool/swimlane-diagram-tool/)

Diagrama de in uencia (/features/ owchart-tool/in uence-diagram-software/)

Visualización de datos

Herramienta Dashboard (/features/dashboard-software/)

Grá co de columnas (/features/chart-maker/column-chart-maker/)

Grá co de linea (/features/chart-maker/line-chart-maker/)

<Todos los grá cos> (/features/chart-maker/)

Mapeo de procesos

<Todas las plantillas de proceso> (/features/process-map-designer/)

Diseñador de arquitectura en la nube

Diagrama de arquitectura de AWS (/features/aws-architecture-diagram-tool/)

Diagrama de arquitectura azul (/features/azure-architecture-diagram-tool/)

Diagrama de la plataforma en la nube de Google (/features/google-cloud-platform-diagram-


software/)

Diagrama de arquitectura en la nube de IBM (/features/ibm-cloud-architecture-diagram- 


software/)

https://online.visual-paradigm.com/tutorials/class-diagram-tutorial/ 10/12
5/2/2019 Tutorial de Diagrama de Clase

Diagrama de infraestructura de Oracle Cloud (/features/oracle-cloud-infrastructure-diagram-


software/)

Diagrama de la arquitectura de la nube de Alibaba (/features/alibaba-cloud-architecture-diagram-


software/)

Diagrama de la arquitectura de la nube de Tencent (/features/tencent-cloud-architecture-


diagram-software/)

Ingenieria

Diagrama de lógica (/features/logic-diagram-software/)

Diagrama eléctrico básico (/features/basic-electrical-diagram-software/)

Diagrama de circuito (/features/circuit-diagram-software/)

Diagrama de cableado (/features/wiring-diagram-software/)

Diagrama de ujo del proceso (/features/process- ow-diagram-software/)

Diagrama de P&ID (/features/p-and-id-software/)

Herramienta de diseño UX

iOS Wireframe (/features/wireframe-tool/ios-wireframe-tool/)

Estructura del material de diseño (/features/wireframe-tool/material-design-wireframe-tool/)

Android Wireframe (/features/wireframe-tool/android-wireframe-tool/)

Estructura de alambre (/features/wireframe-tool/bootstrap-wireframe-tool/)

Maquetas de alambre (/features/wireframe-tool/mockups-wireframe-tool/)

Estructura metálica atlassian (/features/wireframe-tool/atlassian-wireframe-tool/)

Flujo de usuario (aplicación móvil) (/features/mobile-app-user- ow-tool/)

Flujo de usuario (sitio web) (/features/website-user- ow-tool/)

Herramientas de análisis estratégico

Análisis FODA (/features/swot-analysis-tool/)

Análisis de la cadena de valor (/features/value-chain-analysis-tool/)

Análisis de plagas (/features/pest-analysis-tool/)

Análisis de la competencia (/features/competitor-analysis-tool/)

Análisis de la causa raíz (/features/root-cause-analysis-tool/)

Análisis de las cinco fuerzas (/features/ ve-forces-analysis-tool/)

Análisis de las cuatro esquinas (/features/four-corners-analysis-tool/)

Fabricante de infografía 

https://online.visual-paradigm.com/tutorials/class-diagram-tutorial/ 11/12
5/2/2019 Tutorial de Diagrama de Clase

Fabricante de infografía (/features/infographic-maker/)

Diagramas generales

Herramienta de mapas mentales (/features/mind-mapping-tool/)

Herramienta de diagrama de Venn (/features/venn-diagram-tool/)

Diseñador de planos (/features/ oor-plan-designer/)

Diagrama de bloques (/features/block-diagram-software/)

Diagramas de red

Diagrama de Red (/features/network-diagram-software/)

Diagrama de rack (/features/rack-diagram-software/)

Herramientas de gestión de proyectos

Estructura de desglose del trabajo (/features/work-breakdown-structure-software/)

Herramienta de grá co PERT (/features/pert-chart-tool/)

Enlaces útiles

Pruébalo gratis (/subscribe.jsp?r=member.jsp)

Caracteristicas (/features/)

Tutoriales (/tutorials/)

Precios (/pricing/)

Ejemplos de diagramas (/diagram-examples/)

Sala de prensa (/newsroom/)

Apoyo (/support/)

Soluciones (/solutions/)

Carpeta de prensa (/about-us/press-kit/)

Foro (https://forums.visual-paradigm.com/)

Visual Paradigm Desktop (https://www.visual-paradigm.com)

Todos los derechos reservados. Términos de servicio (/terms.jsp) Política de privacidad (/privacy.jsp)

Descripción de seguridad (/security.jsp)

https://online.visual-paradigm.com/tutorials/class-diagram-tutorial/ 12/12