Manual Diagrama de Clases

US C Universida de San Carlos de Guat mala Facultad d Ingeniería Curso Lógi a de Sistemas Manual Di grama de Clases

MANUAL DIAG AM DE CLA ES El siguiente documento pres ntará cómo desarrollar un diagram de clases utilizando un herr mienta par el modelado de la mis a.

MANUAL DIAGRAMA DE CLASES

Lógica de Sistemas USAC ‐

Introducción El siguiente documento pretende que el estudiante sea capaz de realizar un modelado de Clases utilizando la aplicación “Microsoft Office Visio”, esto con el fin de iniciar el uso de herramientas profesionales para el desarrollo de Diagramas que permitan el mapeo de la información y el modelado de negocios. El documento presentará paso a paso el proceso para iniciar a utilizar la aplicación, conceptos básicos y ejercicios para el modelado de Diagramas de Clases, aunque la aplicación permite modelar más de un tipo de diagrama, en este curso solamente se dan a conocer los Diagramas de Clases. El documento cuenta además una sección de ejercicios los cuales permitirán evaluar los conceptos del curso, así como así  como permitir conocer la herramienta con mayor detalle.

Objetivos 

Aprender a utilizar la herramienta de Modelado



Modelar Diagramas de Clases



Evaluar e implementar los conceptos de UML

2

MANUAL DIAGRAMA DE CLASES

Lógica de Sistemas USAC ‐

Contenido Introducción ........................................................................................................................................

2

Objetivos .............................................................................................................................................

2

1.

Instalación de la Aplicación .........................................................................................................

4

2.

Controles Principales...................................................................................................................

5

2.1.

Iniciar un Documento Nuevo ..............................................................................................

2.1.1.

Configuración de Página..............................................................................................

8

Componente Clase ..........................................................................................................

9

2.2.1.

Categoría Clase..........................................................................................................

10

2.2.2.

Categoría Atributos ...................................................................................................

11

2.2.3.

Operaciones ..............................................................................................................

11

Guardar Archivo ................................................................................................................

12

2.2.

2.3.

2.3.1. 3.

4.

6

Definir el Formato de Archivo ...................................................................................

Ejemplo......................................................................................................................................

12 13

3.1.

Primer Paso “Identificar y Listar las Clases” ...................................................................... 13

3.2.

Segundo Paso “Identificar y Listar Objetos” ..................................................................... 13

3.3.

Tercer Paso “Identificar las Relaciones de los Objetos”.................................................... 15

3.4.

Representación de la Clases en un Diagrama ................................................................... 15

3.5.

Relación Clase Factura y Producto ....................................................................................

16

3.6.

Relación Clase Factura y Cliente........................................................................................

18

3.7.

Relación entre la Clase Caja y Tienda................................................................................

18

3.8.

Diagrama de Clases – Sistema de Supermercado ............................................................. 20

Ejercicios....................................................................................................................................

3

20

MANUAL DIAGRAMA DE CLASES

Lógica de Sistemas USAC ‐

1. Instalación de la Aplicación Prerrequisitos:

La aplicación es un producto de la Empresa de Software Microsoft, como saben para adquirir dicho producto se debe pagar por la licencia de uso. El producto requiere Sistema Operativo: 

Windows XP o Windows Vista



500 Mhz o superior



256 MB de Ram o superior (Recomendada 512 MB)



1.5 GB de disco duro libre para la instalación

Para el aprendizaje de esta herramienta durante la duración del curso y para realizar ejercicios y prácticas del curso, se utilizara la licencia que Microsoft proporciona a los estudiantes de la Escuela de Ciencias y Sistemas de la Facultad de Ingeniería de la Universidad de San Carlos, esto gracias al proyecto de Alianza Académica entre Microsoft y las Universidades (MSDNA). Para obtener el producto realizar los siguientes pasos: 

Solicitar a su auxiliar del curso un formulario para solicitud de licencia.



La solicitud se envía al DSI, actualmente salón 104 primer nivel del edificio T 3 (Facultad de ‐

Ingeniería). 

En el encargado de recibir las solicitudes, realiza la gestión correspondiente y les indicará los pasos a seguir para obtener el Software con su respectiva licencia.

4

MA UAL DIAG AMA DE LASES

2.

Lógica de Sistema

‐

USAC

ontrole Principales

La aplicación Visio no solamente permite la creación de Diagram s de Clases, sino es una completa herr mienta pa a la creación e implementación de UML, Diagramas de Redes Básicas, Organigramas, Diagramas de Modelos d Bases de atos. Este ocumento definirá co o utilizar únic mente los controles necesarios para Diagramar un Modelo e Clases. La herramienta contiene los iguientes componentes: La barra rincipal La barra stándar La barra e formato

Principal Estándar Formato

Plantillas

5

MA UAL DIAG AMA DE LASES

Lógica de Sistema

‐

USAC

.1.Inicia un Doc mento N evo Para iniciar el do umento nu vo, ir a la b rra princip l  Archivo, seleccionar Nuevo y Base de Datos Diagram Modelo de UML

Apar cerá la ven ana de trabajo de la sig iente manera: Formas de UML Área de rabajo Barras Principales

6

oftware

MA UAL DIAG AMA DE LASES

Lógica de Sistema

‐

USAC

Barras Princi ales

Área de Trabajo Formas UML

La b rra de Formas puede s r configura a para que la vista de l s componentes sea mostrada de la siguiente man ra: Seleccionar una for a Clic d recho V r Seleccionar Vista

7

MA UAL DIAG AMA DE LASES

Lógica de Sistema

‐

USAC

La Forma a utiliz r para los Diagramas de Clases es “ structura E tática de UML”, que contiene las repr sentacione utilizadas para la elabo ación de un complejo d agrama de lases. A co tinuación s presenta el listado de l s componentes de la E tructura Estática de UML

En este grupo de componentes se en uentran lo necesarios para reali ar cualquier tipo de diagrama de clases, en este caso serán los diagram s de clases realizados n el conte ido de la Unid d 4. 2.1.1. Configuración de Pági a

Por el tipo de di grama el área de trabajo en algunas ocasiones es necesari ampliarlo la orientación de la pagina tr bajar de forma mas ordenada.

cambiar

Cam iaremos la orientación de la págin de vertical a horizontal y el tamaño de A4 a C rta, para reali ar el cambi ir a Archiv Configurar Pagina Seleccionar el tipo de pale Carta y la orie tación de Vertical a Ho izontal, lue o presionar “Aplicar” lueg “Aceptar”.

8

MANUAL DIAGRAMA DE CLASES

Lógica de Sistemas USAC ‐

Ahora se iniciara con el reconocimiento de los objetos o componentes a utilizar para el Diagrama de Clases. Los componentes a utilizar son: 

Clase



Generalización (Conector)



Composición (Conector)



Dependencia (Conector)



Asociación Binaria (Conector Asociación)

2.2. Componente Clase

Seleccione el componente Clase, mantenga presionado el botón izquierdo del mouse y arrástrelo hacia la zona de trabajo.

Para ingresar la información necesaria en el componente “Clase”, seleccionar el objeto colocado en el área de trabajo dar doble clic para que la siguiente ventana aparezca.

9

MA UAL DIAG AMA DE LASES

Lógica de Sistema

‐

USAC

En la Categoría Clase ingresa la siguiente informació : 2.2.1. Categoría Clase

Nombre: El nombre e la clase Ruta Co pleta: Indica el nombre del Tipo de modelo, a que pa uete perte ece y el nombre e la clase. sto valor se utiliza para la exportación o mape de la información al trasladarlo a código f uente. Estereotipo: El tipo de clases a i plementar o elegate I plementation Class o etaClass o Struct o Type o nion o tility o Visibilidad: Indica el nivel de visi ilidad de la clase, limita el alcance de otras clas s hacia la misma. Public o Protected o Private o Además s posible indicar si la cl se es: oot o bstracta o ctiva o o oja La configuración anterior se utiliza cuando el diagr ma de clase será impl mentado ( apeado) para modelar la lógica de ne ocio e iniciar con la implementació . En este documento únicamente se d finirá como realizar un Diagrama, por lo que e esta categ ría basta c n colocar el Nombre de la clase, colo ue el Nombre “Cliente” a la clase realizada.

0

MA UAL DIAG AMA DE LASES

Lógica de Sistema

‐

USAC

2.2.2. Categoría A ributos

En e ta sección e indican t dos los atr butos que ertenecen a la clase d finida, cad atributo contiene los siguientes elem ntos que lo forman: Atributo: Indica el nombre del atributo Tipo: Indica el tipo v lor que con endrá el atributo Visibilidad: Al igual que el nivel e alcance e tre clases, e puede definir únicamente para los atributos que sean necesarios. Multiplicidad: Indica la relación ue posee el atributo, l multiplicidad varia según el tipo de relaci n que posea la clase co otras clases. Valor Ini ial: Indica con que valor se inicializara el atributo definido El valor importante para generar el Di grama es l “Atributo . Los dem s valores s pueden agre ar según la condiciones del atribut . Para este ejempl o agregar los atributos Nombre” y “No. Nit” sin especifica r otro valor entre sus características.

2.2.3.

peraciones

En el se indican l s acciones ue realiza c ase e involu cra a los atributos creados, cada op ración se com one de las siguientes características: Operación: Nombre e la operación Tipo de etorno: Cu ndo una operación se r aliza, algunas veces es ecesario que indique si la operación es exitosa o fallid o si lo que se realizo f  e una oper ción mate ática por ejemplo, se necesita que devuel a el result do de la operación. En el tipo de retorno se indica cual es el tipo de dato que devolverá l operación. Visibilidad: Cuando e crean op raciones, algunas veces son operaciones generales de la clase, pero en ocasi nes es necesario agre arle operaciones inter as que ayuden a las operaciones general s pero que no sea accesible por ni guna otra operación o clase sino que únic mente por las operacio es de la mi ma clase. or ejemplo: o

1

MA UAL DIAG AMA DE LASES

Lógica de Sistema

‐

USAC

Si la operación g neral realiza el promedio de 2 valo es, esta necesita otra operación que realice la sum y el valor que le devuelva la opera ión suma lo di idirá para onocer el romedio y ese valor devuelve la peración general. Polimórf ico: Indica i la operación es poli órfica, esto quiere decir que la peración puede ser sobrecarg da con mas de un tipo de acción. Ámbito: Indica el tip de ambien e donde es creada la operación 

Para el ejemplo agregar las operaciones “Comprar” y “Pagar”.

.3. Guar ar Archi o Cada uno de lo documentos generados, pueder ser uardados c n diferentes formatos egún sea la necesidad. Para guardar un archivo ir a Archivo Guardar Como Seleccionar la ruta donde sera guar ado Ingresar el nombre del archivo Defi ir el formato para guar ar el archivo Click en G ardar. 2.3.1.

efinir el Formato de  Archivo

Los principales formatos en que puede ser guardado un archivo on: •

• • •

Formato de Imágenes TIFF o JPEG o PNG o IF o Plantilla PDF VSD (For ato Estandar para trabajar en Visio)

2

MANUAL DIAGRAMA DE CLASES

Lógica de Sistemas USAC ‐

3. Ejemplo Luego de conocer como diagramar una clase con sus atributos y operaciones, se realizara un ejemplo para comprender el uso de las relaciones entre una o más clases utilizando los componentes para las relaciones: 

Generalización



Agregación



Asociación



Dependencia

El ejemplo a utilizar es el del “Sistema del Supermercado”. El cual se define en la Unidad 4 del tutor.

3.1.Primer Paso “Identificar y Listar las Clases” o

Caja

o

Factura

o

Producto

o

Empleado

o

Cliente

o

Tienda

3.2.Segundo Paso “Identificar y Listar Objetos”

o

Caja 

No. Caja



Tipo de Caja

1 2

Caja Rápida Caja Mas de 20 Artículos o

Factura 

Detalle Factura



Monto

Artículos de Limpieza

Q.150.00

Productos Alimenticios

Q.175.00

o

13

Producto 

Nombre



Precio

MANUAL DIAGRAMA DE CLASES Jamón Cerdito Feliz Pasta Italiana o

Lógica de Sistemas USAC ‐

Q.15.00 Q.5.50

Empleado 

No. Empleado



Nombre



Puesto

1 2

Juan Pérez Julio Girón o

Cliente 

Nombre



No. Nit

Pedro Salazar Luis Monte o

1 2

Cajero Cajero

125474 0 457841 4 ‐

‐

Tienda 

No. Tienda



Ubicación



Nombre 10 calle Zona 4 3ª avenida Zona 7

14

Comercial Zona 4 Comercial Justo

MA UAL DIAG AMA DE LASES

Lógica de Sistema

‐

USAC

.3.Terce Paso “I entificar las Relaciones de os Objet  s” o o o o o o o

na Tienda tiene varios empleados na Factura iene asocia os los productos comprados na Tienda tiene varios productos a la venta n Cajero se relaciona con un cliente cuando lo cobran en caja n Cajero se relaciona con la caja para cobrar n Cliente d pende de u a Factura para que le entreguen el Producto La Caja es parte de la Tie da

.4.Representació de la Cl ses en u Diagra a o

omo primer paso realizaremos ca a una de las clases c mo se mostró en el e jemplo de omponente Clase.

Las clases se representan de la siguiente anera:

5

MANUAL DIAGRAMA DE CLASES o

Lógica de Sistemas USAC ‐

Segundo paso identificar las relaciones y graficarlas en el diagrama.

Veamos la relación entre la clase Empleado y la Clase Tienda: o

Una Tienda tiene varios Empleados  Relación de Asociación

Veamos la relación entre la clase Factura y la Clase Producto: o

Una Factura tiene asociados los productos comprados  Relación de Asociación

Veamos la relación entre la clase Tienda y Productos o

Una Tienda tiene varios productos a la venta  Relación de Asociación

Veamos la relación entre la clase Cajero y Cliente o

Un Cajero se relaciona con un cliente cuando lo cobran en caja  Relación Asociación

Veamos la relación entre la clase Cajero y Caja o

Un Cajero se relaciona con la caja para cobrar  Relación Asociación

Veamos la relación entre la clase Cliente y Factura o

Un Cliente depende de una Factura para que le entreguen el Producto  Relación Dependencia

Veamos la relación entre la clase Caja y Tienda o

La Caja es parte de la Tienda  Relación Agregación

3.5.Relación Clase Factura y Producto Seleccionar el componente “Asociación Binaria”, arrastrarlo hacia el borde de una de las clases. Luego tomar el otro extremo presionando el botón izquierdo del mouse y arrastrando hacia el borde de la otra clase. Luego dar doble clic sobre la línea que relaciona las clases para que aparezca la siguiente ventana.

16

MA UAL DIAG AMA DE LASES

Lógica de Sistema

‐

USAC

En el nombre colocar el nombre que ide tifique la relación, en al tabla que aparece al centro de la vent na, en la primera columna, se indica el nombre del extr mo inicial extremo f inal de la relación, estos ombre pueden ser omitidos o si se desea colocar una descripción según el extremo que haga referencia puede reali arse. En la columna de Multiplicid d colocar la multiplicidad que corre ponde a ca a tabla, si vemos una Factura puede tener 1 o mas productos y un product especifico puede estar contenido solamente en u a Factura. La relación final ueda de la iguiente manera:

7

MA UAL DIAG AMA DE LASES

Lógica de Sistema

‐

USAC

.6.Relación Clase actura y Cliente Para la relación de estas clases, seleccionar el c mponente “Dependencia”, de ig al forma arrastrarlo hasta el borde de una de las clases, tom ndo en cuenta que la flecha indica que clase depende de quien, en este c so el Client depende de la Factura por lo que la flecha apunta hacia la clase Factura. Por l naturaleza de la relaci n esta no d fine de ma era explícit la Multipli idad.

.7. Relación entre la Clase aja y Tienda Para la relación de estas cl ses, utiliza os el com onente de “Composici n”, definie do en la vent na de las propiedades, en el extre o de la flecha el tipo e Agregaci n “Compar ido” este repr senta la rel ción de Agregación. Vem s que la m ltiplicidad se define de uno a muchos, ya que na Tienda uede tener de uno a muc as cajas y u a caja puede ser parte e una sola ienda.

8

MA UAL DIAG AMA DE LASES

Lógica de Sistema

‐

USAC

Al final el Diagra a complet definiendo las demás relaciones q e son de Asociación, si uiendo el los p sos que se efinen en l sección 3.5 queda de l siguiente anera:

9

MA UAL DIAG AMA DE LASES

Lógica de Sistema

‐

USAC

.8.Diagr ma de Clases – Sistema de uperme cado

4.

jercicio

Genere los Diagr mas de Cla es de los sistemas que realizó en la ección de Autoevaluaci n, Unid d 4 del tutor del curso.

0