Introduccin:En la actualidad, muchos son los desarrollos en los que por falta de tiempo y/o recursos no se aplican los principios bsicos que aconseja la doctrina de la Ingeniera del Software. Debido a la heterogeneidad en el sector de las nuevas tecnologas y al constante cambio que se producen en tecnologas y sistemas, pocas son las prcticas de Ingeniera del Software que se afianzan e institucionalizan en la organizacin. Adems, la falta de herramientas que asistieran la implantacin de estas prcticas y la poca cobertura que ofrecan las existentes han hecho que el desarrollo de software fuera considerado por la sociedad una actividad artesanal. Afortunadamente fabricantes como Microsoft o IBM han apostado fuerte por el desarrollo de software guiado por modelos orientando as el desarrollo de software hacia un enfoque ingenieril y disciplinado; en este sentido IBM desarroll Rational Rose como herramienta CASE1 recomendada para la aplicacin y seguimiento del Proceso Unificado de Desarrollo. El presente documento pretende ser una introduccin al uso de una herramienta CASE para el desarrollo con UML2. Los objetivos que se persiguen con la lectura de este documento son los siguientes: Familiarizacin del desarrollador en entornos CASE. Adquisicin de destreza en la generacin de cdigo. Conocer la arquitectura de n-capas. Explotar la potencia de la orientacin a objetos. Apreciar las ventajas de usar herramientas CASE en labores de mantenimiento. Comprender UML como medio de comunicacin dentro del equipo. Documentar el ciclo de vida del software.

Instalacin de Visual ParadigmEl instalador se baja de la pagina: http://www.visualparadigm.com/solution/freeumltool/?src=google&kw= UML&mt=b&net=g&plc=&gclid=CJ3svs2wwq4CFQNntg od3G4qVA

Dar doble clic sobre el ejecutable, para comenzar la instalacin

Se descomprimir el archivo:

Veremos el asistente para la instalacin: Se le data clic en Next

La siguiente pantalla es la de la aceptacin de la Licencia:

Despus veremos la ubicacin en la que se instalara:

En la ventana siguiente nos pregunta en que carpeta se guardara:

En esta ventana nos pregunta la asociacin que deseamos crear:

En la siguiente ventana nos pregunta las asociaciones que deseamos realizar en Visual Paradigm. En este caso solo seleccionaremos la primera opcin.

En esta ventana configuraremos, y datemos clic en Next.

Y se continuara con el proceso de instalacin:

Se concluye la instalacin en la ltima ventana, damos clic en Finish.

Entonces se comenzara a cargar el programa:

En esta ventana seleccionaremos el lugar en donde se van a almacenar nuestros proyectos.

A continuacin nos pregunta que si deseamos como lenguaje el espaol. Damos clic en S.

Y se terminara de abrir el programa.

En esta parte nos pedira la licencia del programa, se le dara clic en Try without key, para poder utilizarlo.

Descripcin de entorno:

A continuacin se describirn las principales partes de la ventana de Visible Paradigm.

3

1

2

6

4

5

1. Men bar: Permite seleccionar y ejecutar diversas operaciones en VP para UML. 2. Toolbar: Es una extensin del men. Todos los botones se presentan en grupos de iconos

directamente accesibles.

3. Navegador de diagramas: Zona donde se listan los diagramas. Se crean y utilizan los diagramas

segn sus tipos.4. Zona de propiedades: Muestra las propiedades de las formas o modelos seleccionados. 5. Zona de mensajes: Muestra la informacin de avisos. 6. Zona de diagramas: Muestra el despliegue de diagramas.

Manejo del Entorno

Abrir y Guardar Proyectos

Para guardar un Proyecto, se va al men Archivo y se le da clic a la opcin Guardar proyecto como:

En la ventana de Guardar Proyecto, se le dar un nombre al proyecto, y se puede seleccionar en donde queremos guardar el proyecto, se le da clic en OK

Para Abrir un proyecto:

Se selecciona del men Archivo, la opcin de abrir Proyecto:

Del cuadro de dialogo que aparece, se busca el proyecto que necesitamos:

En la barra de titulo, veremos el nombre del proyecto que tenemos abierto.

Creacin de Diagramas.

Dentro del proyecto, generaremos un Diagrama de Casos de Uso. Damos clic derecho sobre Diagrama de Casos de Uso, del men contextual seleccionamos la opcin Nuevo Diagrama de Casos de Uso.

Se ingresara el nombre que se le asignara al diagrama.

Y veremos cmo se genera el diagrama en la Navegacin de Diagramas, que es en donde veremos todos los diagramas que se generen dentro del proyecto

Creacin de Componentes.

Se selecciona el objeto Caso de Uso, se da un clic sobre l y luego un clic en el lugar donde lo queremos situar. Se le asigna un nombre al caso de uso.

Despus daremos clic en el objeto Actor y daremos clic en el lugar donde queremos que aparezca. Se le asignara un nombre a cada uno de ellos.

Conexin de Componentes.

Las conexiones se realizan a travs de los iconos que aparecen alrededor del objeto, en este caso daremos clic en la conexin de Asociacin - > Use Case

Formateo de Componentes.

Se selecciona el objeto al cual le queremos dar formato, se da clic derecho sobre l y del men contractual seleccionamos la opcin Styles and Formatting, y del men que nos da seleccionamos la opcin Formats.

De la ventana que nos muestra podemos ver la posibilidad de cambias cualquier aspecto del objeto. En la primera pestaa que es Foreground, encontramos la posibilidad de hacer modificaciones: Tipo de lneas. Tamao de las lneas.

La transparencia de las lneas. Nos da la opcin de restablecer los valores predeterminados. As como poder cambiar la fuente: Tipo de fuente Estilo de la fuente. Color. Y tambin restablecer los valores predeterminados.

En la opcin de Fondo podemos ver todas las opciones que nos da para cambiar el donde del objeto como son: Tipo de relleno (solido o degradado) La transparencia del objeto. El color del objeto (estos colores se pueden personalizar De igual manera nos permite restablecer con los valores predeterminados.

Seguimiento.

Los diagramas del modelo evolucionan durante el ciclo de vida del desarrollo del software. Durante el desarrollo del proyecto los requisitos perfilan y refinan la implantacin. De esa manera se puede modificar en el futuro el surgimiento de requisitos. La caracterstica Model Transitor permite que un elemento del modelo cambie al diagrama de la siguiente fase con la documentacin sistemtica disponible para una referencia futura. Da clic en requerimientos de la barra de herramientas y selecciona la opcin Glossary Grid, para crear el glosario.

Dar clic en el botn New Term (Insertar), en donde se generara un nuevo trmino.

Se da clic derecho en el trmino, y se selecciona la opcin Create Use Case del men contextual.

En esta parte se pueden definir el rango y la documentacin del caso de uso, dar Clic en OK para continuar.

Subsecuentemente, el cuadro de dilogo Visualize Model Element desaparece. Verificar en Create new Diagram si se desea crear el caso de uso en un nuevo diagrama o Show in existing diagram si se desea crear el caso de uso en un diagrama actual. Clic en el botn Show para confirmar y continuar.

El resultado que nos da es el que muestra la imagen de la derecha.

Se puede abrir el glosario con el nombre del caso de uso utilizando la funcin transitor. Clic en el botn de la flecha delgada en la esquina inferior derecha de Place order y seleccionar Transit From > Place order del men contextual. As se muestra el glosario con el trmino Placer order remarcado.

Modelado UML

Diagrama de Casos de Uso.

El diagrama de caso de uso se disea para modelar el contexto de un sistema. En un diagrama de caso de uso, se indican los elementos y metas que formas al sistema. Los principales elementos del diagrama de caso de uso son el caso de uso, el actor y la asociacin (enlace de comunicacin). Se generara un nuevo proyecto.

El siguiente ejemplo muestra un requisito de inscripcin en una universidad internacional, en este caso Enrolling in an overseas university. El actor Student representa el papel del estudiante y apply for student visa online, take a physical examination y pay tuition fee son tres cosas (metas) que el estudiante necesitara hacer. Crear un actor Student desde Diagram Toolbar, y tres casos de uso con el icono Association > Use Case del actor.

Documentacin de los Detalles del Caso de UsoAdems de nombrar el caso de uso, tambin se documentan sus detalles. Digitar clic derecho en un caso de uso, por ejemplo Book Sport Facility y seleccionar Open Use Case Details. Abrir la pestaa e ingresar en el Rank, que representa lo importante de este caso de uso.

Se puede incluir el procedimiento de lograr la meta del caso de uso en Flow of Events. Abrir la pestaa Flow of Events y seguir paso a paso el procedimiento. Primero el Login, segundo Select a sport facility y finalmente Click (confirmar). El primer paso tiene tres etapas: Fill in the name, Fill in the password y Click [OK]. Digitar Tab para seguir pas a paso. Ingresarlos uno por uno en el editor de flujo de eventos, como se indica:

Se puede insertar una extensin para Login. Como el Login es para miembros solamente, los no-miembros se redirigen a otra pgina en lugar de la pgina de Login. Para insertar una extensin a Login, clic Login y seleccionar el men Extensin (o digitar Shift-Enter). Enseguida, iniciar la edicin de la extensin.

Construccin de GlosarioEl glosario es una zona donde se almacenan y administran los vocablos, trminos o vocabularios de dominio especfico. Se puede desarrollar un glosario identificando los trminos del flujo de eventos. Suponer que online system homepage es una frase clave en un paso del flujo de eventos. Seleccionarlo en el flujo de eventos, clic derecho para seleccionar Add online system homepage to Glossary del men contextual para extraerlo como un trmino.

Se abre el glosario con el trmino Login agregado. Clic derecho en el trmino para seleccionar Open Term

Editor del men contextual.

Especificar su alias. En Term Editor, clic Add e ingresar oficial site como su primer alias. Repetir para agregar el alias main page. Ingresar la definicin del trmino en Definition.

Diagrama de Secuencia.

El diagrama de secuencia se utiliza principalmente para mostrar la interaccin entre los objetos representados como lneas de vida en un orden secuencial. Principalmente las lneas de vida muestran todos sus puntos de interaccin con otros objetos durante los eventos. Un diagrama de secuencia se puede crear con clic derecho en Sequence Diagram del Diagram Navigator y luego seleccionando New Sequence Diagram del men contextual.

Selecciona el actor de la barra de objetos y se nombrara Student

Digitar el icono del actor Message -> LifeLine y arrastrarlo a su posicin deseada para crear una lnea de vida con una interaccin con el actor Student. Nombrar a online system con la lnea de vida y enter personal details como el mensaje entre ellos.

Repetir los mismos pasos para crear otra lnea de vida, nombrarla database, desde online system.

Diagrama de Actividad.

Un diagrama de actividad es principalmente una carta o diagrama de flujo, que muestra el flujo de control desde una actividad a otra. A diferencia del tradicional diagrama de flujo, se pueden modelar aspectos dinmicos de un sistema debido a que involucra el modelado de pasos secuenciales en un proceso computacional. Se puede crear un diagrama de actividad nuevo con clic derecho en Activity Diagrama del Diagram Navigator y luego seleccionar New Activity Diagram.

Seleccionar Initial Node de la barra de diagramas y arrastrarlo a la zona de diagramas.

Digitar el icono del nodo inicial Control Flow -> Action y arrastrarlo a su posicin destino para crear una accin. Nombrar la accin con insert card.

Finalizar la actividad creando un nodo de actividad final con el icono Control Flow -> Activity Final Node de la accin final.

Se puede utilizar un carril para agrupar acciones basadas en los participantes involucrados. En el diagrama seleccionar Horizontal Swimlane y arrastrarlo hasta la zona de diagramas para crearlo. Digitar doble clic en el encabezado de las particiones y nombrarlas con user y ATM system, respectivamente. Enseguida, se pueden mover los componentes hacia su particin apropiada.

Diagrama de Clases

El diagrama de clases muestra las marcas de los objetos, necesitadas por un sistema, y las relaciones entre ellas.Se crea un nuevo diagrama de clases con clic derecho en Class Diagram del Diagram Navigator y seleccionando New Class Diagram en el men contextual. Tomando como ejemplo a bank account:

Seleccionar Class en la barra de diagramas y arrastrarlo a la zona de diagramas.

Nombrar la clase con bank account. Para crear un atributo, clic derecho en la clase y seleccionar Add > Attribute del men contextual. Se pueden crear los atributos necesarios digitando Enter despus de agregar uno nuevo. En la clase bank account, crear dos atributos name y balance, respectivamente.

Igualmente, las operaciones se pueden crear con clic derecho en la clase y seleccionando Add > Operation del men contextual. Crear y nombrar las dos operaciones debit y credit, respectivamente.

La generalizacin es necesaria cuando se desea mostrar la subclase fuera de la superclase. Colocar el

mouse sobre la superclase, seleccionar su icono Generalization -> Class y arrastrarlo a su posicin destino. Crear dos subclases y nombrarlas con saving account y term deposit account. Agregar el atributo InterestRate y la operacin depositMonthtlyInterest de la clase saving account, y agregar el atributo PeriodInterestRage y la operacin initialDeposit a term deposit account. El diagrama de clases completo se muestra enseguida:

Una clase puede asociarse con el uso de la interfaz cntrica. Colocar el mouse sobre la clase student. Digitar su icono Association -> Class y arrastrarlo a otra clase school.

Para editar una asociacin o sus terminales, digitar doble clic sobre ella o cualquiera de sus terminales para abrir el Association Editor. Ingresar el nombre del papel de la terminal de la asociacin en el campo de texto central y configurar propiedades con multiplicity y navigabilitiy.

Generacin de Cdigo:La generacin de cdigo es el proceso por el cual el generador de cdigo genera cdigo fuente para el modelo de clases UML. Despus de la edicin del cdigo generado y llenado la lgica del cdigo, se puede configurar una aplicacin completa totalmente. La ronda de Java.

La ronda de ingeniera permite sincronizar el modelo de clases y el cdigo fuente. Con la ronda Java, se puede realizar ingeniera inversa del cdigo hacia UML y como modelo de clases analizar, cambiar y actualizar los cambios del cdigo o viceversa. Se generara cdigo a travs del modelo de clases.

Se realiza a travs del men herramientas, JAVA bidireccional, y la opcin es Generar cdigo.

Nos aparece el cuadro de dialogo Generador Codigo, en el Source Path se indica la ubicacin del archivo del cual se generara el codigo:

Se generara el cdigo, en caso de que existan errores se indicaran en la parte de debajo de la pantalla. En caso de que todo est bien, se generar el cdigo en la carpeta donde se encuentra el archivo de Visual Paradigm.

Podemos verificarlo habriendo la pagina en donde se encuentra este archivo.

Generacin de Reportes:Se puede generar un reporte del proyecto en formato HTML, PDF o Word, digitando Tools y seleccionando Generate HTML/PDF/Word Report. Por ejemplo, seleccionar Generate PDF Report:

Para generar el reporte nos vamos al men Herramientas, seleccionamos la opcin Reporte y del men que nos muestra ocuparemos la opcin Generar Reporte PDF.

Se abrira la ventana de generar PDF, del lado izquierdo nos permiete ver que es lo que queremos generar ode donde lo queremos generar, de todos los diagramas que se generaron en el proyecto. Y los elementos apareceran en el espacio que esta junto.

En Output path, se eligira una ruta en la que queremos que se guarde el reporte. Una vez llenado este espacio y seleccionado de donde se generara el reporte, daremos clic en genrar.

El programa comenzara a generar el reporte

Una vez terminado el proceso se abrira el archivo que se genero, como se muestra en la imagen de abajo.

C o n t e n id o Introduccin: ............................................................................................................................................0 Instalacin de Visual Paradigm .................................................................................................................0 Descripcin de entorno: .......................................................................................................................5 Manejo del Entorno ..................................................................................................................................6 Abrir y Guardar Proyectos ....................................................................................................................6 Creacin de Diagramas. ........................................................................................................................7 Creacin de Componentes. ..................................................................................................................8 Conexin de Componentes. .................................................................................................................9 Formateo de Componentes. .................................................................................................................9 Seguimiento. ...................................................................................................................................... 12 Modelado UML ...................................................................................................................................... 14 Diagrama de Casos de Uso. ............................................................................................................... 14 Documentacin de los Detalles del Caso de Uso .............................................................................. 15 Construccin de Glosario................................................................................................................... 17 Diagrama de Secuencia. .................................................................................................................... 19 Diagrama de Actividad....................................................................................................................... 20 Diagrama de Clases............................................................................................................................ 22 Generacin de Cdigo: .......................................................................................................................... 24 Generacin de Reportes: ....................................................................................................................... 25