[VS2010] Diagramas de Secuencia

Buy Me A Coffee

Buenas,

seguimos con algunas de las novedades incluidas en Visual Studio Team System 2010, y en este caso quiero hablar de los nuevos diagramas de secuencia (Sequence Diagram) incluidos en esta versión. No soy un experto en UML, ni mucho menos, pero a lo largo del tiempo en algún proyecto me ha tocado crear este tipo de diagramas.

El principal problema que encontraba en estos entornos, es que estos diagramas representan muy bien la interacción de elementos en un sistema, pero solían ser bastante tediosos de mantener ya que la integración con las herramientas de desarrollo, siempre era “one way”.

Pues bien, esto ha cambiado un poco en Visual Studio Team System 2010; y para muestra el siguiente ejemplo, donde muestro como crear un Diagrama de Secuencia a partir de código y el proceso inverso.

Ejemplo

1. Suponer una clase de validaciones con el siguiente código:

 1   public class Validations
 2   {
 3     public bool ValidateEMail(string eMailAddress)
 4     {
 5       return true;
 6     }
 7     public bool ValidateAge(int age)
 8     {
 9       return true;
10     }
11   }

Nota: el objetivo de este post es dar un ejemplo de los diagramas así que, amigos puristas, cero críticas al código

2. Adicionalmente, tenemos una clase que representa y permite crear un Customer:

 1   public class Customer
 2   {
 3     public int AddNewCustomer(string customerName, string customerEMail, int customerAge)
 4     {
 5       int customerId = 0;
 6 
 7       // validate data
 8       Validations validations = new Validations();
 9       if (validations.ValidateEMail(customerEMail))
10       {
11         if (validations.ValidateAge(customerAge))
12           customerId = 1;
13       }
14       return customerId;
15     }
16   }

Como se puede ver, en la función para la creación de un Customer, se utiliza una de las funciones de la clase de validación para validar si la dirección de mail es correcta (línea 9).

3. Si queremos generar un diagrama de secuencia a partir de este código, simplemente desplegamos el menú contextual sobre el editor de código y seleccionamos la opción Generate Sequence Diagram ...

4. Aceptamos todas las opciones por defecto

5. Ya podemos visualizar el nuevo diagrama de secuencia.

6. El diagrama está generado y a partir de los cambios que realicemos podremos ver reflejados los mismos en nuestra solución.

Lamentablemente el “hola mundo” completo, con modificaciones realizadas en el diagrama para reflejarlos en nuestro código no ha funcionado lo bien que quisiera como para animarme a postearlo en un paso a paso, sin embargo cuando cubra los demás diseñadores, podremos ver como utilizando el Architecture Explorer, las cosas se ponen un poco más interesantes.

Saludos @ Home

El Bruno

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.