Diseando aplicaciones con argoUML

http://trevinca.ei.uvigo.es/~jgarcia/TO/usoArgoUML/index.html

Uso de argoUML para diseo de aplicaciones

Antes de codificar una aplicacin, es necesario sentarse frente al bloc de notas, en lugar de frente al ordenador. Realizar el anlisis y el diseo de aplicaciones es una tarea bsica para realizar antes de la codificacin, pese a la tendencia de todos los programadores (especialmente, los inexpertos), a sentarse a programar. El uso de herramientas como argoUML (editor de diagramas), permite realizar un diseo de la aplicacin empleando UML, de manera que se puedan generar las clases del diagrama dibujado automticamente. As, el diagrama de clases UML no es slo una ayuda al diseo de aplicaciones, sino que se convierte en un aportacin interesante a la programacin, lo cul puede ser un incentivo a tener en cuenta.

Introduccin
Para comenzar a trabajar con argoUML, slo es necesario arrancar la aplicacin, ya que est dedicada integramente al diseo de diagramas UML. Pulsando con el botn derecho sobre el modelo, podemos elegir crear diagramas de casos de uso, diagramas de secuencia ... etc.

Creacin del diagrama de clases

La pantalla de comienzo es realmente muy intuitiva, conteniendo una barra de entidades que se identifican por sus propios smbolos en UML.

1 of 9

23/11/2012 05:40 p.m.

Diseando aplicaciones con argoUML

http://trevinca.ei.uvigo.es/~jgarcia/TO/usoArgoUML/index.html

Para comenzar a dibujar clases, se pincha en el el cuadro de clase (el segundo de la paleta), y se marca algn punto del rea de dibujo. La clase aparecer, sin ninguna informacin asociada.

2 of 9

23/11/2012 05:40 p.m.

Diseando aplicaciones con argoUML

http://trevinca.ei.uvigo.es/~jgarcia/TO/usoArgoUML/index.html

En la parte inferior derecha de la ventana, aparecen las propiedades de la clase, que es posible modificar a nuestro gusto en cualquier momento, con slo seleccionarla. En la ventana a la izquierda de las propiedades, aparecen las crticas, que son recomendaciones que deberamos seguir para obtener un buen diagrama UML.

3 of 9

23/11/2012 05:40 p.m.

Diseando aplicaciones con argoUML

http://trevinca.ei.uvigo.es/~jgarcia/TO/usoArgoUML/index.html

En los apartados de "atributos" y "operaciones", colocamos todo aquello (atributos y mtodos) relativo a la clase. Es necesario especificar el nombre del atributo o mtodo, su visibilidad, su tipo, y sus parmetros (en el caso del mtodo), por separado. En esta pestaa principal, marcamos los caractersticas de la propia clase, como que sea abstracta (tal y como aparece en la siguiente figura).

4 of 9

23/11/2012 05:40 p.m.

Diseando aplicaciones con argoUML

http://trevinca.ei.uvigo.es/~jgarcia/TO/usoArgoUML/index.html

Cuando se selecciona una clase, una flecha con la punta triangular hueca aparece en su parte superior, de manera que es posible estirarla hasta establecer una relacin de herencia de manera automtica:

5 of 9

23/11/2012 05:40 p.m.

Diseando aplicaciones con argoUML

http://trevinca.ei.uvigo.es/~jgarcia/TO/usoArgoUML/index.html

Colocando todos los atributos y mtodos, obtenemos el diagrama final siguiente:

6 of 9

23/11/2012 05:40 p.m.

Diseando aplicaciones con argoUML

http://trevinca.ei.uvigo.es/~jgarcia/TO/usoArgoUML/index.html

Es conveniente marcar, en las propiedades del modelo, que se vea la visibilidad:

7 of 9

23/11/2012 05:40 p.m.

Diseando aplicaciones con argoUML

http://trevinca.ei.uvigo.es/~jgarcia/TO/usoArgoUML/index.html

Generando el cdigo
Una vez creado el diagrama, para generar el cdigo fuente slo es necesario pulsar F7, o ir al men principal, opcin Generar (o Generate). Es capaz de generar, a partir de diagramas, cdigo para C++, PHP, C# o Java.

8 of 9

23/11/2012 05:40 p.m.

Diseando aplicaciones con argoUML

http://trevinca.ei.uvigo.es/~jgarcia/TO/usoArgoUML/index.html

A continuacin, se listan los archivos generados:

Rectangulo.h y Rectangulo.cpp Circulo.h y Circulo.cpp Figura.h y Figura.cpp ListaFiguras.h y ListaFiguras.cpp

9 of 9

23/11/2012 05:40 p.m.