Caso de un modelo inusual: Elementos relacionados con la presentación.

¿Qué pasa, chavales? A pesar de que normalmente no me lee ni el Tato, ayer mantenía una “conversación” por Twitter, dentro de lo puede ser una conversación en Twitter, con @XaviPaper y con @gulnor. Era sobre un modelo un tanto raro que incluye objetos que normalmente estarían representados directamente en la interfaz gráfica de usuario y no en el modelo. En este caso, los elementos gráficos SON EL MODELO. Se presenta, pues, un problema un tanto atípico. Fundamentalmente, las relaciones son de contenedor/contenido y lo primero en lo que he pensado es en un patrón Composite que incluya a la mayoría de elementos del modelo. También es interesante el tema de que la estructura no es un árbol, sino un grafo. Algunos elementos especiales (formularios) pueden tener más de un padre.

Aquí va todo el enunciado con la descripción completa del problema.

ABSTRACTO

En mis ratos en casa estoy construyendo una especie de maquetador de formularios dinámicos. ​​​​El usuario puede añadir elementos a un formulario, arrastrarlos a diferentes posiciones, redimensionarlos y cambiar sus propiedades. Llegado el momento, el usuario decidirá “renderizar” el formulario y donde corresponda, los elementos del formulario que son dinámicos (campos) tomarán un valor “real” formulario de acuerdo con una fuente de datos (sea un XML, una tabla de una base de datos, un archivo CSV…). Esto sería algo similar a lo que hacen los Bindings en XAML.

He estado dándole vueltas al coco para hacer un modelo flexible, elegante y que “hable” por sí mismo.

He probado varias cosas y no me acaban de convencer. O bien es demasiado restrictivo o demasiado permisivo. T​e​n​g​o​ ​u​n​ ​p​a​r​ ​d​e​ ​prototipos actualmente, pero he decidido no seguir adelante porque la implementación y el modelo empiezan a no casar como me gustaría.

El dominio es un documento destinado a la presentación/impresión, con la particularidad de que habrá partes dinámicas que dependerán de una fuente de datos (por ejemplo, un XML, un archivo de texto o una base de datos).

Podéis imaginar que es un PDF que acepta una fuente de datos “externa” y renderiza el contenido dependiendo de la misma. Si dentro del documento existe un campo que hace referencia a un dato llamado “NombreUsuario”, en el proceso de renderizado, el campo tomará el valor de esa variable y en el campo podrá, por ejemplo “Pepito López”.

ESPECIFICACIONES

Un documento está compuesto de páginas. El tamaño de las páginas es un tamaño estático (ancho x alto). El usuario podrá cambiar el tamaño de la página, pero no estará enlazada con datos (al contrario que los campos dinámicos).

Una página (formulario) está compuesta otros elementos que pueden ser:

  1. Formas (rectángulos, líneas, elipses…). No tienen ningún tipo de dinamismo.
  2. Campos dinámicos: textos. Se enlazan a una variable y se reemplaza al renderizarse.
  3. Imágenes dinámicas: Imágenes. De acuerdo a un token (o ruta de acceso) se pone una imagen u otra.​
  4. Textos fijos.
  5. Elementos compuestos.
  6. Tablas
    1. Tablas cuyos elementos son generados dinámicamente: se sabe el número de columnas, pero no el número de filas.
    2. Tablas cuyos elementos (m x n) se conocen, aunque su contenido puede ser variable.
    3. COMPOSICIÓN: Podrán tener imágenes, texto, campos ¡u otras tablas! Es más puro estilo tablas embebidas de Word o HTML
  7. Gráficos estadísticos
    1. El valor de las variables es dinámico
  8. Secciones (COMPOSICIÓN). Es una especie de contenedor cuyo contenido, además de elementos de su mismo tipo, puede contener todos los anteriores.
  9. El tamaño de una sección es el tamaño que ocupen sus elementos hijo.

Todos los elementos tienen ancho y un alto. La manera de indicar la posición que ocuparán en la página es mediante coordenadas absolutas respecto al punto superior izquierdo de su contenedor.

NOTA. Una sección puede estar contenida en varias páginas o en varias secciones. Es decir, si la página 1 y la 2 comparten la misma sección y la modificamos, el cambio se reflejará en ambas páginas. A la hora de componer una sección a base de otras, la restricción será que una sección no podrá contenerse a sí misma, recursivamente.

Los elementos compuestos me vuelven un poco loco, porque son bastante dinámicos. Por ejemplo, en el caso de una tabla, no solamente las filas se generan de acuerdo a la fuente de datos, sino que los elementos de cada columna son dinámicos ​​​y además hay composición (recursivamente una celda de una tabla puede contener una tabla u otro elemento complejo).

También el tema de la composición de elementos, dudo en cómo se podría hacer.

¿Qué opináis, lobos de mar? ¿Es todo tan jodido como parece? ¿Tengo que hacerme un sistema de layout de doble pasada como el de  WPF para solucionar el tema?

Espero que opinéis 😀 ¿Alguna propuesta?

Más adelante trataré de poner algún diagrama de los que he estado haciendo.

Anuncios

DDD principles in a visual designer? Part 1

Yeah, boys, I’m crazy to think about applying DDD to an application like this, but I feel that being so purist has some great consequences to my designs, taking some benefits from this way of thinking  about development.

Domain-driven design, taking as it sounds, is to put the focus on the domain. Think about the domain and about how the model HAS TO BE. Let the rest flow as you need it. Everything should be subsidiary (although it will be important, too).   Take the true essence of the domain of it and make a model.

That model can be simple or incredibly complex, but you have a model and you can talk about it using concepts and relations that flow naturally from it. The model is self-contained and has to describe any substantial change of the domain it represents. You can talk about it as a whole!

That’s really cool.

But there are situations where the model is a bit strange. What if the model is not a common entity like a Person, a Bank Account or a Product? What if you have to deal with entities that are commonly attached to the UI, the layout or part of a document, like a Paragraph, a Rectangle, a Field…?

Data Transfer Objects in Domain-Driven Design Patterns

Data Transfer Object. A simple pattern for exchanging information between the Presentation Layer and the Service Layer.

The basics are explained in lots of articles all over the web, but there are some details that are not so obvious. I implemented DTOs following my instincts, but I always had the feeling I was asuming things and not doing it well.

That’s whay I keep on asking about the insights of patterns like this.

I found a very interesting article about DTOs by Bozhidar. I recommend you to read it because it gives several hints and advices on how to use this pattern sucessfully.

Bozho’s tech blog – On DTOs

The last part I want to notice is the question I posted. As you see, Bozher was really kind and answered really quick.

Thanks!