25/10/2009 23:55 El Bruno

[VSTS2010] Como agregar elementos personalizados al Toolbox del Layered Diagram (Arquitectos, preparaos !!!)

image

Buenas,

una de las grandes herramientas que posee el perfil para arquitectos de Visual Studio 2010 es el Layer Diagram (puedes leer algo al respecto aquí). Ahora bien para que esta herramienta sea realmente potente, era necesario que los arquitectos puedan adaptar la misma a las necesidades propias de cada proyecto y poder definir templates personalizados de capas es una de estos escenarios.

El siguiente tutorial demuestra como crear un modelo de ejemplo, en este caso el clásico y popuñar TCT (Todos Contra Todos) y como agregarlo como plantilla para utilizarlo en futuros proyectos en Visual Studio, desde los elementos de la Toolbox en diagramas del tipo Layer Diagram.

Nota: obviamente el patrón de relaciones TCT es uno de los escenarios MENOS RECOMENDABLES que existe, por lo que lo único que debes tomar como ejemplo en este post es el paso a paso para agregar elementos a la Toolbox de diagramas del tipo Layer Diagram. A ver si después por mi culpa empieza a existir alto acoplamiento entre todas las capas de aplicaciones en los sistemas.

Tutorial

1. Crear un nuevo proyecto del tipo Modeling Project.

image

2. Agregar dentro del mismo un elemento del tipo Layer Diagram.

image 

3. Crear un modelo de capas. Para este ejemplo crearemos 4 capas y las relacionaremos Todas Contra Todas.

image

4. En un explorador de windows navegar a la dirección de proyectos del desarrollador en [%userprofile%\my Documents\Visual Studio 2010] Por ejemplo [C:\Users\El Bruno\My Documents\Visual Studio 2010].

5. Si no existe, crear un directorio llamado [Team Architecture]

6. Dentro del directorio [Team Architecture], si no existe crear un nuevo directorio llamado [Custom Toolbox Items]

7. Volver al proyecto de Visual Studio 2010 y abrir la ubicación del mismo en el disco. Para esto, seleccionamos la solución, desplegamos el menú contextual sobre la misma y seleccionamos la opción [Open Folder in Windows Explorer]

image

8. Copiamos los 3 archivos propios del diagrama que creamos para el ejemplo al directorio creado en el paso 6 [Custom Toolbox Items]. Por ejemplo:

  • DemoCustomToolboxItems.layerdiagram
  • DemoCustomToolboxItems.layerdiagram.layout
  • DemoCustomToolboxItems.layerdiagram.suppressions

9. En este momento ya tenemos la capacidad para ver el nuevo elemento desde Visual Studio, pero para esto tenemos que cerrar y abrir el mismo para que cargue la nueva configuración.

10. Dentro de Visual Studio en un documento del tipo Layer Diagram podremos ver lo siguiente en la Toolbox

image

11. Si agregamos un elemento de este tipo en el diagrama podremos ver la implementación del antipatrón TCT que creamos en el paso 3.

12. Para personalizar los valores que posee este elemento en la toolbox debemos crear un nuevo archivo con extensión .tbxinfo en el que definiremos los valores propios de este elemento.

13. En el directorio que creamos en el paso 6 agregamos un nuevo elemento:

  • DemoCustomToolboxItems.layerdiagram
  • DemoCustomToolboxItems.layerdiagram.layout
  • DemoCustomToolboxItems.layerdiagram.suppressions
  • DemoCustomToolboxItems.layerdiagram.tbxinfo

14. Editamos al mismo con el notepad y agregamos la siguiente información:

<?xml version="1.0" encoding="utf-8" ?>
<customToolboxItems xmlns="
http://schemas.microsoft.com/visualstudio/2010/TeamArchitect/CustomToolboxItems">
  <customToolboxItem fileName="DemoCustomToolboxItems.layerdiagram">
    <displayName>
      <value>Todos Contra Todos Pattern</value>
    </displayName>
    <tabName>
      <value>El Bruno Anti Patrones</value>
    </tabName>
    <image>
      <bmp fileName="valentino.ico"/>
    </image>
    <f1Keyword>
      <value>PLayerHelp</value>
    </f1Keyword>
    <tooltip>
      <value>Crear un modelo de layer Todos Contra Todos, por favor no lo utilices !!!</value>
    </tooltip>
  </customToolboxItem>
</customToolboxItems>

15. En el xml anterior podemos definir los valores con los que se visualizará el elemento en la toolbox, asi como el ícono y el tooltip del mismo.

16. Cuando trabajamos con un diagrama del tipo Layer Diagram, en la toolbox deberíamos ver lo siguiente

image

 

Pues bien, en pocos minutos podemos llevar nuestras buenas prácticas a un modelo conceptual con el que luego aplicarlo en nuestros sistemas. Pero esto es solo Beta 2, para el RTM existen muchas más opciones.

 

Saludos @ Home

El Bruno

Archivado en: ,,,
Comparte este post:

# [VSTS2010] Listado de Novedades (XI)

Tuesday, December 22, 2009 11:03 AM by El Bruno

Buenas, 11vo recopilatorio con los posts que voy escribiendo sobre las novedades de Visual Studio 2010

# [VSTS2010] Listado de Novedades (XII)

Tuesday, January 19, 2010 1:45 PM by El Bruno

Buenas, nuevo recopilatorio con los posts que voy escribiendo sobre las novedades de Visual Studio 2010