You are on page 1of 63

Norman Vargas Chevez

Programa UNI/ASDI/SAREC/FEC
Áreas de Investigación Investigadores

Sistemas de Información y Control Tkl. Leonel Plazaola Prado


Industrial
Tkl. Enrique Silva Molina

Ing. Norman Vargas Chévez

Ing. Johnny Flores (Asistente)


Sistemas de Radio Tkl. Oscar Somarriba
Comunicaciones
Tkl. Marvin Sánchez

Ing. Marcos Munguia


Procesamiento de Señales Tkl. Marvin Arias Oliva
Ing. Pablo Vásquez
1
Norman Vargas Chevez

Seminario UML
Norman Vargas Chévez
Leonel Plazaola
Departamento de Sist. Dig. y Telecomunicaciones
Facultad de Electrotecnia y Computación
Email: norman.vargas@uni.edu.ni
normanv@ics.kth.se

Web: www.uni.edu.ni/sarec/fec/index.htm

2
Norman Vargas Chevez

Índice de presentación
• Objetivos
• Modelación Visual
• El Lenguaje de Modelación Unificado (UML)
• Componentes principales de UML

3
Norman Vargas Chevez

Objetivo

• Explicar la notación del Lenguaje de Modelación Unificado


• Explicar los componentes principales de la notación del Lenguaje
de Modelación Unificado (UML) como son los Diagramas, las vista,
los elementos de modelo y los mecanismo generales.

4
Norman Vargas Chevez

Modelación Visual

Order “La modelación captura las partes esénciales


del sistema.”
Dr. James Rumbaugh

Item

Ship via

Proceso de Negocio
La modelación Visual es la modelación
que utiliza la notación grafica.

Copyright © 1997 by Rational Software Corporation

Sistema Computacional

5
Norman Vargas Chevez

Modelación Visual
GRAFICO DE REALIDAD MODELO

M o d e la c ió n

S is te m a re a l M o d e lo O -O d e l
s is te m a

6
Norman Vargas Chevez

¿Preguntas frecuentes sobre


UML?
• ¿Es UML una Metodología?
• ¿Se puede modelar una base de dato utilizando UML?
• ¿En que Software puedo encontrar UML?
• ¿Puedo utilizar UML para realizar análisis y Diseño de Sistemas?

Fuente : Foro de ingeniería en Computación

http://www.computacion.uni.edu.ni/foros/modules/newbb/viewtopic.php?post_id=41
25&topic_id=358&forum=38

7
Norman Vargas Chevez

Lenguaje de Modelación
Unificado (UML)

8
Norman Vargas Chevez

Lenguaje de Modelación Unificado


(UML)
• El UML es un notación ampliamente utilizada que nos permite comunicar de manera clara los
requerimientos, arquitectura y diseño de un sistema.

Rumbaugh
Booch Jacobson
Odell Meyer

UML
Shlaer – Mellor Harel

Gamma etal. Wirfs- Brock

Embly Fusion

9
Norman Vargas Chevez

Conceptos del Lenguaje de Modelación Unificado


(UML)

10
Norman Vargas Chevez

Componentes Principales de UML

• Diagramas
• Vistas
• Elementos del modelo
• Los Mecanismos Generales

11
Norman Vargas Chevez

Componentes principales de UML


• Diagramas: Los Diagramas son los gráficos que muestra los elementos
del mundo real a través de la notación existente en UML.

• Diagrama de Colaboración
• Diagrama de Estado
• Diagrama Objeto
• Diagrama de Clase
• Diagrama de Caso de Uso
• Diagrama de Actividad
• Diagrama de Despliegue
• Diagrama Componente
• Diagrama de Secuencia

12
Norman Vargas Chevez

Diagramas de UML
Los diagramas expresan gráficamente partes de un modelo
State
State
Use Case Diagramas de
Diagrams
Use Case Diagrams State
Use Case Diagramas de
Diagrams Clases State
Use Case Diagrams Diagramas de
Diagrams
Diagramas de
Diagrams Casos de Uso Diagrams
Diagrams Objetos
Secuencia

Scenario State
Scenario State
Diagramas de
Diagrams Modelo Diagramas de
Diagrams
Diagrams Diagrams
Colaboración Componentes

Scenario Component
Scenario Component
Diagramas
Diagrams de
Diagramas de
Diagrams Diagrams
Diagrams Despliegue
Estados Diagramas de
Actividad
13
Norman Vargas Chevez

Diagrama de Colaboración
• Los Diagrama de Colaboración se utilizan para modelar el orden que envían y reciben
los mensajes los objetos.

(Notación Básica)

14
Norman Vargas Chevez

Diagrama de Estado
• Los Diagrama de Estado se utilizan para modelar cada una de las actividades que se
realizan en los procesos o en los sistemas de interés.

(Notación Básica)

15
Norman Vargas Chevez

Diagrama de Objeto
• Diagrama de Objeto Un diagrama de Objeto es una variante de un diagrama de clase y
usa notación casi idéntica a la de los diagramas de clase. Un diagrama de objeto es por lo
tanto un ejemplo de un diagrama de clase que muestra una posible foto del sistema en
ejecución – que es lo que el sistema parece en ese punto del tiempo

16
Norman Vargas Chevez

Diagramas de Clases
• Diagrama de Clase Es un diagrama que muestra un conjunto de interfaces,
colaboraciones y sus relaciones (las clase y la relación entre ellas); los diagramas de
clases cubren la vista de diseño estática de un sistema

(Notación Básica)

17
Norman Vargas Chevez

Diagramas de Clases

Fuente :Sistema de Información de Nómina para la Universidad Nacional de Ingeniería (Tesis)


18
Norman Vargas Chevez

Diagrama de Caso de Uso


Diagrama de Caso de Uso muestra un conjunto de casos de
uso y actores y sus relaciones. Estos diagramas son
especialmente importantes en el modelado y organización del
comportamiento de un sistema.

(Notación Básica)

Asociación Inclusión

Extensión
Generalización

19
Norman Vargas Chevez

Diagrama de Caso de Uso


(Ejemplo Generar planilla de pensionados)

Generar planilla de
pensionados
(from Procesami ento)

Responsable de <<include>>
unidad

Registrar Pensionados
(from Movimi ento)

RUPAP RUSB

Fuente :Sistema de Información de Nómina para la Universidad Nacional de Ingeniería (Tesis)


20
Norman Vargas Chevez

Diagrama de Actividad
Diagrama de Actividades se utilizan para modelar las
secuencias de actividades que se realizan entre los Objetos que
participan de un proceso o de un sistema

(Notación Básica)

21
Norman Vargas Chevez

Diagrama de Actividad
(Ejemplo Generar planilla de pensionados)

Fuente :Sistema de Información de Nómina para la Universidad Nacional de Ingeniería (Tesis)


22
Norman Vargas Chevez

Diagrama de Despliegue
• Diagrama de Despliegue se utilizan para modelar la arquitectura física de los recursos.

(Notación Básica)

23
Norman Vargas Chevez

Diagrama de Despliegue

RRHH
Servidor

Red Local

Cliente Cliente Cliente


1 2 3

Fuente :Sistema de Información de Nómina para la Universidad Nacional de Ingeniería (Tesis)


24
Norman Vargas Chevez

Diagrama de Componente
Diagrama de Componentes son usados en el área de programación para modelar
componentes de código fuente, binario y ejecutable.

(Notación Básica)

25
Norman Vargas Chevez

Diagrama de Componente
Nom ina

frm Logon.frm Rutinas de conexión y funciones


generales (General.bas )

Conexión a bas e de
datos (Dataenv.ds r)

Solam ente s i la conexión a la


bas e de datos es es tablecida.

Bas e de Datos MS
frm Main.frm SQL Server (RRHH)

frm Param etros .frm

frm Departam entos Municipio.frm

frm DeducciónCom edor.frm

Fuente :Sistema de Información de Nómina para la Universidad Nacional de Ingeniería (Tesis)


26
Norman Vargas Chevez

Diagrama de Secuencia
• Los Diagrama de Secuencia relacionan a los Objetos desde el punto de vista de la
secuencia de mensaje que se realiza en un intervalo de tiempo determinado por el proceso o
sistema a modelar.

(Notación Básica)

27
Norman Vargas Chevez

Diagrama de Secuencia

Mantenimiento al catalogo Nivel académico


Fuente :Sistema de Información de Nómina para la Universidad Nacional de Ingeniería (Tesis)
28
Norman Vargas Chevez

Componentes principales de UML


• Vistas: Las vistas muestra los diferentes aspectos del sistema a ser modelado a través de diagramas
que contienen información de un aspecto en particular del sistema.

29
Norman Vargas Chevez

Vistas
• Vista de Caso de Uso. Esta vista describe el comportamiento del sistema tal y como es
percibido por los usuarios finales, analistas y encargados de las pruebas.

Vista de Caso de Uso


Diagramas de Caso de Uso
Diagramas de Actividades

30
Norman Vargas Chevez

Vistas
• Vista de Diseño. Esta vista soporta principalmente los requisitos funcionales del
sistema, entendiendo por ello los servicios que el sistema debería proporcionar a sus
usuarios finales.

Vista de Diseño
Diagrama de Clases
Diagrama de Objetos
Diagrama de Colaboración
Diagrama de Secuencia
Diagrama de estados
Diagrama de Actividades

31
Norman Vargas Chevez

Vistas
• Vista de procesos. Comprende los hilos y procesos que forman los mecanismos de
sincronización y concurrencia del sistema. Esta vista cubre principalmente el funcionamiento,
capacidad de crecimiento y rendimiento del sistema.

Vista de procesos
• Diagrama de Clases
• Diagrama de Objetos
• Diagrama de Colaboración
• Diagrama de Secuencia

32
Norman Vargas Chevez

Vistas
• Vista de Componente. Comprende los componentes y archivos que se utilizan para
ensamblar y hacer disponible el sistema físico.

• Vista de Componente
• Diagramas de Componentes

• Vista de Despliegue. Contiene los nodo que forman la topología hardware sobre la que
se ejecuta el sistema.
• Vista de despliegue
• Diagramas de Despliegue

33
Norman Vargas Chevez

Componentes principales de UML

Elementos del Modelo: Los elementos del modelo son los conceptos
definidos en UML para representar los elementos del mundo real y sus relaciones.
Clase
-atributo Objeto
Estado
+Operaciones()

Nodo
UseCase1
Interface1

Paquete Nota
Componente

34
Norman Vargas Chevez

Componentes principales de UML

Los Mecanismos Generales: Los mecanismos generales proveen extensión para los elementos del
modelo. Los mecanismos generales son utilizados en UML para agregar información adicional en los
diagramas que no puede ser representada a través de los elementos del modelo.

• Los estereotipos pueden ser utilizados para extender los elementos notacional de UML.
Ejemplo:
• Estereotipo de clases: Limite, control, entidades, excepciones
• Estereotipo de herencia: uso y extensión
• Estereotipo de componente: Subsistema

35
Norman Vargas Chevez

Conclusiones
• UML es una notación para realizar modelación.
• Los componentes principales de UML son claves para el desarrollo y el
entendimiento de los modelos.

36
Norman Vargas Chevez

Programa UNI/ASDI/SAREC/FEC
Áreas de Investigación Investigadores

Sistemas de Información y Control Tkl. Leonel Plazaola Prado


Industrial
Tkl. Enrique Silva Molina

Ing. Norman Vargas Chévez

Ing. Johnny Flores (Asistente)


Sistemas de Radio Tkl. Oscar Somarriba
Comunicaciones
Tkl. Marvin Sánchez

Ing. Marcos Munguia


Procesamiento de Señales Tkl. Marvin Arias Oliva
Ing. Pablo Vásquez
37
Norman Vargas Chevez

Aplicación de UML en el análisis y


Diseño de Software
Norman Vargas Chévez
Leonel Plazaola
Departamento de Sist. Dig. y Telecomunicaciones
Facultad de Electrotecnia y Computación
Email: norman.vargas@uni.edu.ni
normanv@ics.kth.se

Web: www.uni.edu.ni/sarec/fec/index.htm 38
Norman Vargas Chevez

Índice de presentación
• Objetivos
• Modelación Visual
• El Lenguaje de Modelación Unificado (UML)
• Componentes principales de UML

39
Norman Vargas Chevez

Objetivo

• Explicar la aplicación de UML en el análisis y diseño de Software a través de la modelación de


“Mi primer diccionario”

40
Norman Vargas Chevez

41
Norman Vargas Chevez

UML en el Análisis y Diseño del Software


Interactivo "Mi Primer Diccionario" para niños
con deficiencia auditiva

Las personas con deficiencia auditiva tienen la necesidad de aprender a comunicarse con los
demás.

En ésta investigación, se enfoca en modelar con el Lenguaje de Modelación Unificado (UML) el


proceso comunicativos lingüísticos que los niños con deficiencia auditiva realizan en el Centro
de Asesoramiento Audio lógico Infantil, que es un área de Los PIPITOS Asesoramiento de
Padres de Familia con Hijos discapacitados.

Lo que se pretende con esto es que los modelos se utilicen para el desarrollo de software que
estimule de una manera interactiva y dinámica la formación del procesos de enseñanza a los
niños

42
Norman Vargas Chevez

Caso de Uso (Análisis) Visualizar


Figura del
Include() Concepto

Include() Visualizar
Presentar Formas
Lenguaje
Extralingüísticas
Escrito
Include() Include()

Visualizar
Include()
Visualizar Lenguaje
Conceptos Dáctil

Include() Visualizar
Include() Lenguaje
Gestual
Usuario

Evaluar Identificar
Identificación Conceptos
de Conceptos

Instructor Niño

Diagrama de enseñanza en el Centro de Asesoramiento Audio lógico Infantil.


Fuente : Software Interactivo Mi Primer Diccionario (Tesis) 43
Norman Vargas Chevez

Caso de Uso “Visualizar Concepto”


Flujo de eventos: Contenido del diccionario
Acción del actor 2.- Presenta los conceptos
1.- El caso de uso comienza clasificados en cuatro
cuando el “Usuario” (niño) categorías y las formas
empieza a “Visualizar extralinguisticas de
Conceptos” y las formas comunicación de cada
extralinguisticas” concepto, que son Figura del
3.- El usuario (El niño con ayuda concepto, lenguaje escrito,
del instructor) pasa identificar lenguaje dáctil y lenguaje
los conceptos que visualizo gestual.
con anterioridad 4.- En la parte final de cada
5.- El instructor evalúa la diccionario se muestran
asociación que realizó el niño figuras de cada concepto y
entre las figuras y los por aparte en nombre o
nombres o lenguaje escrito. lenguaje escrito de cada una
de ellas para que sean
recortadas y que el usuario
las identifique cada figura con
44
su respectivo nombre.
Norman Vargas Chevez

Caso de Uso 1 (Análisis): Presentar


formas extralingüísticas
de los Conceptos

Include()

Visualizar
Conceptos
Include()
Usuario
Identificar
Conceptos

Instructor Niño

Diagrama de Metodología de enseñanza en el Centro de


Asesoramiento Audiológico Infantil 45
Norman Vargas Chevez

Caso de Uso 1 (Diseño):


Conocer
Conceptos

Ejercitar
Conceptos

Usuario Realizar
Juegos

Instructor Niño

Comportamiento general del software.


46
Norman Vargas Chevez

Caso de Uso “Visualizar


Concepto”

Flujo de eventos: Respuesta del Software


Acción del actor 1.- El software presenta al usuario tres
opciones en el menú principal, que son:
Conocer Conceptos, Ejercitar Conceptos y
2.- El “Usuario” selecciona una de las tres Realizar Juegos.
opciones que presenta el software.

47
Norman Vargas Chevez

Caso de Uso 2 (Análisis):


Visualizar Figura
del Concepto

Visualizar
Lenguaje Escrito

Visualizar
Lenguaje Dáctil

Niño
Visualizar
Lenguaje Gestual

Este diagrama presenta los casos de uso contenidos en el caso de


uso “Presentar formas extralinguisticas de los conceptos” 48
Norman Vargas Chevez

Observar
Figura del
Concepto

Caso de Uso 2 (Diseño): Observar


Lenguaje
Escrito
Include()
Include() Observar
Lenguaje
Include() Dáctil

Seleccionar Include() Observar


Categoría de Video de Lenguaje
Concepto Mímico-Gestual
Include()
Usuario Include()
Observar
Video de Lenguaje
Include() Oral-Dáctil

Buscar
nuevo Concepto

Cerrar Formulario

Este diagrama detalla el Caso de Uso “Conocer Conceptos”.


49
Norman Vargas Chevez

Caso de Uso “Conocer Concepto”


Flujo de eventos: Respuesta del Software
Acción del actor 1.- El software presenta al usuario
2.- El usuario selecciona la cuatro opciones de categorías
categoría de conceptos que de conceptos a conocer, que
quiere conocer. son: Familia, Alimentos,
4.- El usuario visualiza el Juguetes y Animales
concepto y las formas .
extralinguisticas de 3.- El software presenta la figura
comunicación presentadas en del concepto, el lenguaje
el software, busca un nuevo escrito, el lenguaje dáctil, un
concepto o cierra el formulario video del concepto en
lenguaje Mímico-Gestual, un
video del concepto en
lenguaje oral-Dáctil, una
opción para buscar otros
conceptos y la opción de
cerrar el formulario cuando el
usuario lo desee.
50
Norman Vargas Chevez

Caso de Uso 3 (Análisis):


Presentar Figura
del Concepto

Presentar
Lenguaje Escrito
d el Concepto

Instructor Evaluar
Identificación
de Conceptos

Fig.5. Este diagrama presenta los casos de uso contenidos en el caso de


uso “Identificar conceptos” de la fig. 1.
51
Norman Vargas Chevez

Desplazarse
Caso de Uso 3a (Diseño): al Siguiente
Inciso del
Ejercicio
Include()

Realizar Ejercicio

Seleccionar Seleccionar
Categoría de Tipo de
Conceptos Ejercicio

Usuario
Cerrar Formulario

Este diagrama detalla el comportamiento del caso de uso


“Ejercitar Conceptos”.
52
Norman Vargas Chevez

Caso de Uso “Ejercitar Concepto”


Flujo de eventos: Respuesta del Software
Acción del actor 1.- El software presenta al usuario cuatro
2.- El usuario selecciona la categoría de opciones de categorías de conceptos a
conceptos a ejercitar. Ejercitar, que son: Familia, Alimentos,
4.- El usuario selecciona el tipo de ejercicio que Juguetes y Animales
desea realizar. 3.- El software presenta al usuario un menú con
6.- El usuario realiza el ejercicio que selecciono cuatro opciones de ejercicios, que son:
y puede pasar a otro inciso del ejercicio o Une, Coloca, Identifica y Ubica.
puede cerrar el formulario. 5.- El software muestra el ejercicio
seleccionado.

53
Norman Vargas Chevez

Despla zarse
Caso de Uso 3b (Diseño): al Siguiente
Inciso del
Juego

Include()

Realizar Juego

Seleccionar tipo
de Juego

Usuario
Cerrar Formulario

Este diagrama detalla el caso de uso “Realizar Juegos”.


54
Norman Vargas Chevez

Caso de Uso “Realizar Juego”


Flujo de eventos: Respuesta del Software
Acción del actor
1.- El software presenta al usuario cuatro tipos
2.- El usuario selecciona que tipo de juego que de juegos, que son Ahorcado,
quiere realizar. Rompecabezas, Ir al supermercado, Ir a la
4.- El usuario realiza el juego que selecciono y granja e Ir a ver Juguetes.
puede pasar a otro inciso del juego o 3.- El software muestra el juego seleccionado
puede cerrar el formulario. por el usuario.

55
Norman Vargas Chevez

Diagrama de Secuencia (Análisis)


Instructor Niño "La Familia" "Alimentos" "Juguetes" "Animales"

Abrir diccionario "La Familia"()

Mostrar conceptos "La Familia"()

Visualizar conceptos "La Familia"()

Idenificar conceptos "La Familia"()

Cerrar diccionario "La Familia"()

Abrir diccionario "Alimentos"()

Mostrar conceptos "Alimentos"()


Visualizar conceptos "Alimentos"()

Idenificar conceptos "Alimentos"()

Cerrar diccionario "Alimentos"()

Abrir diccionario "Juguetes"()

Mostrar conceptos "Juguetes"()


Visualizar conceptos "Juguetes"()

Idenificar conceptos "Juguetes"()

Cerrar diccionario "Juguetes"()

Abrir diccionario "Animales"()

Mostrar conceptos "Animales"()


Visualizar conceptos "Animales"()

Idenificar conceptos "Animales"()

Cerrar diccionario "Animales"()

56
Norman Vargas Chevez

Diagrama de Secuencia (Diseño)

Usuario "Software Interactivo Visualizar Conceptos Ejercitar Conceptos Jugar con Conceptos
Mi Primer Diccionario"

Seleccionar "Visualizar Conceptos"()

Desplegar Pantalla "Visualizar Conceptos"()

Click en Buscar()

Click en Repetir video()

Click en Salir()

Retorna a Pantalla Principal.()


Seleccionar"Ejercitar Conceptos ".()

Seleccionar Ejercicio()
Desplegar Pantalla "Ejercitar Conceptos"()

Click en Siguiente()

Click en Anterior()

Click en Salir()

Retorna a Pantalla Principal.()


Seleccionar"Jugar con Conceptos ".()

Seleccionar Juego()
Desplegar Pantalla "Jugar con Conceptos"()

Click en Siguiente()

Click en Anterior()

Click en Salir()

Retorna a Pantalla Principal.()


Click en Salir del Software()

57
Norman Vargas Chevez

Diagrama de Colaboración (Diseño)

Instructor Niño
1.Seleccionar visualizar Conceptos.
5.Seleccionar "Ejercitar Conceptos".
10.Seleccionar"Jugar con Conceptos".
15.Click en Salir del Software.
"Software Interactivo
Visualizar Conceptos Mi Primer Diccionario" Ejercitar Conceptos

2.Click en buscar. 6.Seleccionar Ejercicio.


3.Click en Repetir. 7. Click en Siguiente.
4.Click en Salir. 8.Click en Anterior.
9. Click en Salir.
11. Seleccionar Juego
12. Click en Siguiente.
13. Click en Anterior.
14. Click en Salir

Jugar con los Conceptos

Muestra la organización estructural de los objetos que envían y reciben


mensajes en el “Software Interactivo Mi Primer Diccionario”.

58
Norman Vargas Chevez

Diagrama de Actividad (Análisis)

Instructor Niño La Familia

Abrir diccionario Presentar conceptos de


"La Familia" "La Familia"

Mostrar conceptos

Presentar conceptos
Visualizar conceptos
a identificar

Evaluar asimilación
Identificar conceptos
de conceptos

No asimiló los conceptos

Si asimiló los
conceptos

Cerrar diccionario
"La Familia"

Este diagrama representa los pasos en el flujo de control del


diccionario “La Familia”. 59
Norman Vargas Chevez

Diagrama de Actividad (Diseño)


Usuario Software Interactivo Mi Primer Diccionario

Correr SIMPD Mostrar pantalla


principal

Seleccionar Visualizar
Conceptos

Seleccionar
Categoría Mostrar Conceptos

Visualizar Conceptos

Seleccionar Mostrar Menu


Ejercitar Ejercicios

Seleccionar Ejercicio

Mostrar Ejercicio

Realizar Ejercicio

Seleccionar Jugar
con Conceptos Mostrar Menu
Juegos

Seleccionar Juego Mostrar Juego

Realizar Juego

Seleccionar Salir Salir

Describe la secuencia y concurrencia de actividades en el


“Software Interactivo Mi Primer Diccionario” 60
Norman Vargas Chevez

Software interactivo “Mi Primer


Diccionario”

Mi Primer Diccionario

61
Norman Vargas Chevez

Algunas conclusiones

• En el proceso de desarrollo del software interactivo “Mi primer Diccionario”


se tomo en cuenta los requisitos de los interesados. Dichos requisitos
fueron validados a través de los modelos que se realizaron en UML.
• En esta presentación se muestra una manera de realizar la modelación de
un sistema a desarrollar.

62
Norman Vargas Chevez

MUCHAS GRACIAS POR SU ATENCION

63

You might also like