LABORATORIO 1 V.2.0

download LABORATORIO 1 V.2.0

of 22

Transcript of LABORATORIO 1 V.2.0

  • Universidad Nacional Mayor de San marcos Docente: Dr. Jos ESCAJADILLO

    Escuela Acadmica Profesional de Educacin

    LABORATORIO

    CURSO : Diseo de Sistemas Nro. : Laboratorio N01 Tema : Diagramas de UML Duracin Estimada : 30 minutos aprox.

    I. DIAGRAMAS DE UML

    Para explicar los diagramas de UML, nos basaremos en el siguiente caso CASO MARKETING 1. Representar uno de los procesos ms importantes de rea de marketing de UNMSM que permitir

    a las reas usuarias tener informacin actualizada para captar nuevos estudiantes (clientes) 2. Representar el flujo de actividades del proceso Procesar encuestas 3. Se requiere representar las funcionalidades del sistema de Marketing para que los clientes

    potenciales puedan llenar sus encuestas en lnea y el personal de marketing puedan consultarlas 4. Representar las clases que se utilizaran para programar dicha aplicacin 5. Se desea conocer, en detalle, los cambios de estados de una clase persistente 6. Definir el intercambio de mensajes entre objetos de las clases identificadas en el punto 4 (como

    analista) 7. Completar operaciones a las clases de acuerdo con los mensajes del punto 6 8. Hacer el diagrama de secuencia (como programador) 9. Representar el diagrama de componentes 10. Representar el diagrama de despliegue fsico 1.- Diagrama de Casos de Uso del Negocio Para realizar este diagrama nos vamos al Use Case View y hacemos clic derecho sobre el y escogemos la opcin New/Use Case Diagram

  • Universidad Nacional Mayor de San marcos Docente: Dr. Jos ESCAJADILLO

    Escuela Acadmica Profesional de Educacin

    Usted observar en el Browser que se ha creado un nuevo diagrama donde colocara el nombre Diagram de Caso de Uso del Negocio En este diagrama identificaremos a los actores del Negocio y a los Casos de Uso del Negocio

  • Universidad Nacional Mayor de San marcos Docente: Dr. Jos ESCAJADILLO

    Escuela Acadmica Profesional de Educacin

    En este diagrama, identificaremos a los actores del negocio y a los casos de uso del negocio. Rehuido haremos clic al smbolo de Business Actor y lo llevaremos al entorno de diagramacin Haremos clic al smbolo Business Use Case y lo llevaremos al entorno de diagramacin

  • Universidad Nacional Mayor de San marcos Docente: Dr. Jos ESCAJADILLO

    Escuela Acadmica Profesional de Educacin

    Ahora relacionaremos los actores del negocio con los casos de uso del negocio a travs del smbolo Unidireccional Association. Para relacionarlo, tenemos que tener en cuenta lo siguiente:

    Si el Actor del negocio inicia la comunicacin con el caso de uso de negocio, entonces deber relacionarlo como se indica en la figura

    Si el caso de uso del negocio inicia la comunicacin con el actor del negocio, entonces deber relacionarlo de esta manera

    En base a lo explicado nuestra relacin se mostrara de la siguiente manera

  • Universidad Nacional Mayor de San marcos Docente: Dr. Jos ESCAJADILLO

    Escuela Acadmica Profesional de Educacin

    2.- Diagrama de Actividades Para realizar este diagrama, nos vamos al Logical View y hacemos clic derecho sobre el y escogemos la opcin New/Activity Diagram

    Observara, en el browser, que se ha creado un nuevo diagrama donde colocara el nombre Diagrama de Actividades.

    Ahora haremos clic al smbolo swimlane para separar las responsabilidades de los actores o worker del negocio

  • Universidad Nacional Mayor de San marcos Docente: Dr. Jos ESCAJADILLO

    Escuela Acadmica Profesional de Educacin

    Agregaremos tres swimlanes para separar las actividades que realizan el personal de marketing, el cliente y el rea usuaria de UNMSM.

    Despus de haber creado los swimlanes, por cada responsable se debe de asignar el worker o actor del negocio respectivo, solo haga doble clic sobre el swimlane y aparecer una ventana donde seleccionara la lista desplegable Class y elegir al responsable. No se recomienda colocar nombre

  • Universidad Nacional Mayor de San marcos Docente: Dr. Jos ESCAJADILLO

    Escuela Acadmica Profesional de Educacin

    Para el primer swimlane, seleccionaremos al personal de marketing por que ellos inician la comunicacin con el caso de uso del negocio Procesar Encuesta, para el segundo, seleccionaremos al cliente y para el tercero seleccionaremos al rea usuarios de UNMNS.

    Para iniciar el Diagrama de actividades, colocara el smbolo Start State y para definir las actividades, el smbolo Business Activity . Nombres las actividades con verbos de preferencia en tercera persona

    Las actividades se relacionan mediante el smbolo State Transition (flecha de color rojo). Un diagrama de actividades puede tener ms de un tipo de fin, se diagrama con End State.

    De estas actividades, tenemos que identificar cul de ellas se van a sistematizar Las actividades que se van a sistematizar van a ser:

    Llena encuesta

    Procesa datos de encuesta

    Consulta datos de encuesta

  • Universidad Nacional Mayor de San marcos Docente: Dr. Jos ESCAJADILLO

    Escuela Acadmica Profesional de Educacin

    Estas actividades que se van a sistematizar nos van a poder ayudar a identificar los casos de uso

    3.- Diagrama de Casos de Uso

    Para realizar este diagrama nos vamos al Use Case View y hacemos clic derecho sobre el y escogemos la opcin New/Use Case Diagram.

    Observara en el Browser que se ha creado un nuevo diagrama donde colocara el siguiente nombre: Diagrama de Caso de Uso (Sistema)

    Para realizar este diagrama, tenemos que identificar a los actores (quienes interactan con el sistema) y los casos de uso (modulos a desarrollar)

    Haremos clic al smbolo Actor que se encuentra en la barra de herramientas y lo pegamos al entorno de diagramacin

    Los Actores para este caso de estudio serian: Usuario Marketing, Usuario Cliente y Usuario Academicos

  • Universidad Nacional Mayor de San marcos Docente: Dr. Jos ESCAJADILLO

    Escuela Acadmica Profesional de Educacin

    Para plasmar a los casos de uso, haremos clic al smbolo Use Case, en el diagrama de actividades identificamos las actividades que se iban a sistematizar. Esas actividades nos ayudan a identificar los casos de uso.

  • Universidad Nacional Mayor de San marcos Docente: Dr. Jos ESCAJADILLO

    Escuela Acadmica Profesional de Educacin

    Ahora relacionaremos los actores con los casos de uso, con el smbolo Unidireccional Association

  • Universidad Nacional Mayor de San marcos Docente: Dr. Jos ESCAJADILLO

    Escuela Acadmica Profesional de Educacin

    4.- Diagrama de Clases Por cada caso de uso, realizaremos su diagrama de clases, tomamos como ejemplo el caso de uso Registrar Encuesta. Para realizar este diagrama tenemos que crear clases para la interface, para la lgica y para los datos.

    Este diagrama de clases lo vamos a realizar en el Logical View

    Hacemos clic derecho al Logical View y escogemos la opcin New / Class Diagram

    Observara en el Browser que se ha creado un nuevo diagrama donde colocara el siguiente nombre: diagrama de clases

    Hacemos doble clic al diagrama de clases. Para realizar este diagrama tenemos que hacer clcic al smbolo Class y lo pegamos al entorno de diagramacin

  • Universidad Nacional Mayor de San marcos Docente: Dr. Jos ESCAJADILLO

    Escuela Acadmica Profesional de Educacin

    Ahora relacionaremos estas clases. Primero interactuamos con la interface (Ventana Encuesta) despus con la Logica (Gestor Encuesta) y por ultimo con la Data (Encuesta)

    5.- Diagrama de Estados Este Diagrama lo vamos a realizar en el Logic View. Hacemos clic derecho al Logical View y escogemos la opcin New / Statechart Diagram

    A este diagrama le colocamos el nombre Diagrama de Estados. Al igual que al Diagrama de Actividades va a tener un inicio y un fin. Hacemos clic al smbolo Start State y lo pegamos al entorno de diagramacin. Ahora hacemos clic al smbolo State

  • Universidad Nacional Mayor de San marcos Docente: Dr. Jos ESCAJADILLO

    Escuela Acadmica Profesional de Educacin

    Tenemos que identificar los estados por los que pasa una clase persistentes. Para este caso, nuestra clase persistente es encuesta y esta clase va a pasar por los siguientes estados: Elaborada, Llena y Procesada

    6.- Diagrama de Colaboracin Este diagrama lo realizaremos en el Logical View. Hacemos clic derecho al Logical View y escogemos la opcin New / Collaboration Diagram

  • Universidad Nacional Mayor de San marcos Docente: Dr. Jos ESCAJADILLO

    Escuela Acadmica Profesional de Educacin

    Este diagrama se llamara Diagrama de Colaboracin

    Seguimos con el caso de uso: Registrar Encuesta

    Para realizar este diagrama tenemos que ir a la parte del Browser y seleccionar al actor usuario cliente y a las clases VentanaEncuesta, GestorEncuesta y Encuesta, Una vez seleccionadas los arrastramos y lo llevamos al Diagrama de colaboracin

    Cuando hemos arrastrado al actor y a las clases al Diagrama de Colaboracin, podemos observar que el Rational los ha convertido en objetos. Ahora uniremos estos objetos con el smbolo Object Link

  • Universidad Nacional Mayor de San marcos Docente: Dr. Jos ESCAJADILLO

    Escuela Acadmica Profesional de Educacin

    Los objetos se comunican a travs de mensajes. Para colocar estos mensajes sobre los Objects Links haremos clic al smbolo Link Message o reverse Link Message. Estos mensajes nos ayudan a identificar las operaciones de las clases.

  • Universidad Nacional Mayor de San marcos Docente: Dr. Jos ESCAJADILLO

    Escuela Acadmica Profesional de Educacin

    Regresamos a nuestro diagrama de clases y en base al Diagrama de colaboracin agregamos las operaciones a las clases. Hacemos clic derecho a la clase y escogemos la opcin new operation.

    Empezamos con la clase VentanaEncuesta y colocamos la operacin seleccionar tipo

    Finalmente, nuestro Diagrama de clases quedara asi:

  • Universidad Nacional Mayor de San marcos Docente: Dr. Jos ESCAJADILLO

    Escuela Acadmica Profesional de Educacin

    7.- Diagrama de Secuencia Trabajamos este diagrama en Logical View Hacemos clic derecho sobre Logical View y escogemos la opcin New / Sequence Diagram

    Ahora seleccionaremos, en el browser, al actor usuario cliente y a las clases VentanaEncuesta, GestorEncuesta y Encuesta. Una vez seleccionados lo arrastramos y lo llevamos al diagrama de secuencia. Observaran que se han convertido en objetos Finalmente, el Diagrama de secuencia se mostrara asi:

  • Universidad Nacional Mayor de San marcos Docente: Dr. Jos ESCAJADILLO

    Escuela Acadmica Profesional de Educacin

    8.- Diagrama de Componentes Este diagrama lo realizaremos en el componente View. En el Browser, desplegamos Component View y hacemos doble clic al Main Seleccionamos el smbolo Component y lo llevamos al entorno de diagramacin. Finalmente el diagrama quedara as:

  • Universidad Nacional Mayor de San marcos Docente: Dr. Jos ESCAJADILLO

    Escuela Acadmica Profesional de Educacin

    9.- Diagrama de Componentes Hacemos clic al Deployment View. Para representar a los Servidores y PCs utilizaremos el smbolo Processor. Para representar a los dispositivos hacemos clic al smbolo Device. Relacionamos el Processor con el Device a travs del smbolo Connection

  • Universidad Nacional Mayor de San marcos Docente: Dr. Jos ESCAJADILLO

    Escuela Acadmica Profesional de Educacin

    AUTOEVALUACION 1. Defina los diagramas del UML 2. En que vista se realiza el Diagrama de Casos de Uso del Negocio? 3. En que vista se realiza el Diagrama de Actividades? 4. En que vista se realiza el Diagrama de Casos de Uso? 5. En que vista se realiza el Diagrama de Clases? 6. Cul de los diagramas del UML nos ayuda a identificar los casos de uso ? 7. Cul de los diagramas del UML nos ayuda a identificar las operaciones de una clase? 8. Qu es una clase persistente? 9. El diagrama de Estados se realiza basado en una clase persistente?

    PARA RECORDAR 1. Use Case View

    Diagrama de Casos de Uso del Negocio

    Diagramas de caso de uso 2. Logical View

    Diagrama de Actividades

    Diagrama de Clases

    Diagrama de Estados

    Diagrama de Colaboracin

    Diagrama de Secuencia 3. Component View

    Diagrama de Componentes 4. Deployment View

    Diagrama de Despliegue

  • Universidad Nacional Mayor de San marcos Docente: Dr. Jos ESCAJADILLO

    Escuela Acadmica Profesional de Educacin

    RESOLUCION DE EJERCICIOS 01 TEMA Diagramas UML Ejercicios OBJETIVO ESPECIFICO

    1. Aplicar los diagramas de UML para representar situaciones dela vida real 2. Diferencia los diagramas segn su objetivo y simbologa CONTENIDO

    1. Caso de Estudio ACTIVIDAD

    1. Resuelve los ejerciciois propuestos en esta sesin

  • Universidad Nacional Mayor de San marcos Docente: Dr. Jos ESCAJADILLO

    Escuela Acadmica Profesional de Educacin

    CASO DE ESTUDIO La discoteca La Barca atiende martes, jueves y sbado desde las 10:00 p.m. hasta las 5:00 a.m. Los das martes y jueves no son das de mucha ganancia debido a la poca demanda. El administrador de este local se contacta por telfono con las distribuidoras de gaseosas y de bebidas alcohlicas y les solicita determinada cantidad para que le hagan entrega en su local. Tambin manda a sus empleados a comprar por mayor chicles, cigarros y los ingredientes necesarios para que se haga la preparacin de los tragos y cocktails. En varias oportunidades, ha ocurrido que en plena fiesta se han acabado los productos, consumibles lo que ha motivado el descontento de los clientes. Es por ello que el administrador desea controlar el inventario de sus productos y tambin tener una lista de los mejores proveedores. Para ingresar a esta discoteca, el cliente tiene que desembolsar 30 nuevos soles. Hasta antes de las 11:00 p.m. , a cada cliente se le hace entrega de un trago gratis. Una vez que los clientes ingresan, las anfitrionas les hacen entrega de un trago gratis. Una vez que los clientes ingresan , las anfitrionas le hace entrega de unas tarjetas donde tendrn que llenar sus datos personales (nombre, direccin, telfono y fecha de cumpleaos), con el propsito de que el cliente pueda ser llamado das antes de su onomstico y aprovechar en invitarlo a celebrar en el local junto con sus amigos. Muchas veces estas tarjetas son extraviadas o sufren enmendaduras, lo que trae la prdida del contacto con los clientes AUTOEVALUACION 1. Defina los nuevos diagramas del UML 2.0 y aplquelos a los casos propuestos