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 Comunicaciones

Tkl. Oscar Somarriba 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: [email protected] [email protected] 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.

Odell

Booch

Rumbaugh

Shlaer – Mellor

Jacobson

UML

Meyer

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 Diagrama Diagrama Diagrama Diagrama Diagrama Diagrama Diagrama Diagrama

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

12

Norman Vargas Chevez

Diagramas de UML Los diagramas expresan gráficamente partes de un modelo

Use Case Use Case Diagramas de Diagrams Diagrams Secuencia Scenario Scenario Diagramas de Diagrams Diagrams Colaboración Scenario Scenario Diagramas de Diagrams Diagrams Estados

Use Case Use Case Diagramas de Diagrams Diagrams Casos de Uso

State State Diagramas de Diagrams Diagrams Clases

Modelo

Diagramas de Actividad

State State Diagramas de Diagrams Diagrams Objetos State State Diagramas de Diagrams Diagrams Componentes

Component Component Diagrams Diagramas Diagrams de

Despliegue

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 Generalización

Inclusión Extensión

19

Norman Vargas Chevez

Diagrama de Caso de Uso

(Ejemplo Generar planilla de pensionados) Generar planilla de pensionados (from Procesami ento)

Responsable de 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 1

Cliente 2

Cliente 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 SQL Server (RRHH)

frm Main.frm

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 Diagrama Diagrama Diagrama Diagrama Diagrama

de de de de de de

Clases Objetos Colaboración Secuencia estados 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

Paquete

Interface1

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 Comunicaciones

Tkl. Oscar Somarriba 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: [email protected] [email protected] 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) Include() Include()

Presentar Formas Extralingüísticas

Include()

Include() Visualizar Conceptos

Visualizar Lenguaje Gestual

Include() Usuario Evaluar Identificación de Conceptos

Instructor

Visualizar Lenguaje Escrito Visualizar Lenguaje Dáctil

Include()

Include()

Visualizar Figura del Concepto

Identificar Conceptos

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: Acción del actor 1.- El caso de uso comienza cuando el “Usuario” (niño) empieza a “Visualizar Conceptos” y las formas extralinguisticas” 3.- El usuario (El niño con ayuda del instructor) pasa identificar los conceptos que visualizo con anterioridad 5.- El instructor evalúa la asociación que realizó el niño entre las figuras y los nombres o lenguaje escrito.

Contenido del diccionario 2.- Presenta los conceptos clasificados en cuatro categorías y las formas extralinguisticas de comunicación de cada concepto, que son Figura del concepto, lenguaje escrito, lenguaje dáctil y lenguaje gestual. 4.- En la parte final de cada diccionario se muestran figuras de cada concepto y por aparte en nombre o lenguaje escrito de cada una de ellas para que sean recortadas y que el usuario las identifique cada figura con su respectivo nombre.

44

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

Instructor

Realizar Juegos

Niño

Comportamiento general del software. 46

Norman Vargas Chevez

Caso de Uso “Visualizar Concepto” Flujo de eventos: Acción del actor

2.- El “Usuario” selecciona una de las tres opciones que presenta el software.

Respuesta del Software 1.- El software presenta al usuario tres opciones en el menú principal, que son: Conocer Conceptos, Ejercitar Conceptos y Realizar Juegos.

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() Include() Seleccionar Categoría de Concepto Usuario

Include() Include()

Observar Lenguaje Dáctil Observar Video de Lenguaje Mímico-Gestual

Include()

Include()

Observar Video de Lenguaje 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: Acción del actor 2.- El usuario selecciona la categoría de conceptos que quiere conocer. 4.- El usuario visualiza el concepto y las formas extralinguisticas de comunicación presentadas en el software, busca un nuevo concepto o cierra el formulario

Respuesta del Software 1.- El software presenta al usuario cuatro opciones de categorías de conceptos a conocer, que son: Familia, Alimentos, Juguetes y Animales . 3.- El software presenta la figura del concepto, el lenguaje escrito, el lenguaje dáctil, un 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 al Siguiente Inciso del Ejercicio

Caso de Uso 3a (Diseño):

Include()

Realizar Ejercicio Seleccionar Categoría de Conceptos

Seleccionar Tipo de 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: Acción del actor 2.- El usuario selecciona la categoría de conceptos a ejercitar. 4.- El usuario selecciona el tipo de ejercicio que desea realizar. 6.- El usuario realiza el ejercicio que selecciono y puede pasar a otro inciso del ejercicio o puede cerrar el formulario.

Respuesta del Software 1.- El software presenta al usuario cuatro opciones de categorías de conceptos a Ejercitar, que son: Familia, Alimentos, Juguetes y Animales 3.- El software presenta al usuario un menú con cuatro opciones de ejercicios, que son: Une, Coloca, Identifica y Ubica. 5.- El software muestra el ejercicio seleccionado.

53

Norman Vargas Chevez

Despla zarse al Siguiente Inciso del Juego

Caso de Uso 3b (Diseño):

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: Acción del actor 2.- El usuario selecciona que tipo de juego que quiere realizar. 4.- El usuario realiza el juego que selecciono y puede pasar a otro inciso del juego o puede cerrar el formulario.

Respuesta del Software 1.- El software presenta al usuario cuatro tipos de juegos, que son Ahorcado, Rompecabezas, Ir al supermercado, Ir a la granja e Ir a ver Juguetes. 3.- El software muestra el juego seleccionado 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 Mi Primer Diccionario"

Visualizar Conceptos

Ejercitar Conceptos

Jugar

con Conceptos

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 Mi Primer Diccionario"

Visualizar Conceptos

Ejercitar Conceptos 6.Seleccionar Ejercicio. 7. Click en Siguiente. 8.Click en Anterior. 9. Click en Salir.

2.Click en buscar. 3.Click en Repetir. 4.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

Abrir diccionario "La Familia"

La Familia

Presentar conceptos de "La Familia"

Mostrar conceptos

Visualizar conceptos

Evaluar asimilación de conceptos

Presentar conceptos a identificar

Identificar 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

Correr SIMPD

Software Interactivo Mi Primer Diccionario

Mostrar pantalla principal

Seleccionar Visualizar Conceptos

Seleccionar Categoría

Mostrar

Conceptos

Visualizar Conceptos

Seleccionar Ejercitar

Mostrar Menu Ejercicios

Seleccionar Ejercicio Mostrar

Ejercicio

Realizar Ejercicio

Seleccionar Jugar con Conceptos

Seleccionar

Juego

Mostrar Menu Juegos

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