Diferencias

Muestra las diferencias entre dos versiones de la página.

--- es:manual:items:dot [2023/03/24 08:33] – root
+++ es:manual:items:dot [2023/03/27 08:10] (actual) – root
@@ Línea 1: / Línea 1: @@
 ===== DOT =====
-[[https://graphviz.org/doc/info/lang.html|DOT]] es un lenguaje de programación del entorno de visualización de gráficos [[https://graphviz.org/Graphviz]]. Mediante DOT se pueden definir los nodos, los arcos y otras características de un grafo. Al incluir esta etiqueta dentro de una página HTML se genera automáticamente la imagen del grafo correspondiente que se incrusta en la pagina web.
+[[https://graphviz.org/doc/info/lang.html|DOT]] es un lenguaje de programación del entorno de visualización de gráficos [[https://graphviz.org/Graphviz|Graphviz]]. Mediante este lenguaje se pueden definir los nodos, los arcos y otras características de un grafo. Al incluir esta etiqueta dentro de una página HTML se genera automáticamente la imagen del grafo correspondiente que se incrusta en la pagina web.
-Esta etiqueta puede usarse cuantas veces sea necesaria dentro del campo enunciado, o en cualquiera de las respuestas, ayudas o refuerzos de una pregunta.
+Esta etiqueta puede usarse cuantas veces sea necesaria dentro del campo [[es:items#Componentes de una pregunta|enunciado]], o en cualquiera de las [[es:items#Componentes de una pregunta|respuestas]], [[es:items#Componentes de una pregunta|ayudas]] o [[es:items#Componentes de una pregunta|refuerzos]] de una pregunta.
-Por ejemplo, el siguiente código escrito en el enunciado de una pregunta:
+Por ejemplo, el siguiente código escrito en el enunciado:
   Escribir una cadena <u>de longitud 5</u> que sea
@@ Línea 30: / Línea 30: @@
   </center>
-daría lugar a la siguiente presentación en Siette:
+daría lugar a la siguiente pregunta:
-El funcionamiento de esta extensión consiste en seleccionar todo el código comprendido entre las etiquetas **<DOT>** y **</DOT>**, y ejecutar sobre el sistema operativo la instrucción:
+{{ es:manual:items:dot1.png?400 }}
-   dot -Tsvg codigoDOT -o imagen.png
+El funcionamiento de esta extensión consiste en seleccionar todo el código comprendido entre las etiquetas **<DOT>** y **</DOT>**, (''codigo.dot'') y ejecutar sobre el sistema operativo la instrucción:
-capturar su salida e incrustarla en la pagina, es decir, sustituir el contenido de las etiquetas **<DOT>** por la imagen generada que se incrusta dentro de la página:
+   dot -Tsvg codigo.dot -o imagen.png
+capturar su salida e incrustarla en la página web, es decir, sustituir el contenido de las etiquetas **<DOT>** por la imagen generada que se inserta dentro de la página:
    Escribir una cadena <u>de longitud 5</u> que sea
@@ Línea 61: / Línea 63: @@
    </center>
+==== DOT en preguntas generativas ====
+Las etiquetas **<DOT>** pueden usarse igualmente si se trata de una pregunta generativa, en la que la imagen puede cambiar dependiendo del esquema de generación. Por ejemplo en el caso anterior, [[es:manual:items:generativos:jsp|usando código JSP]] incrustado en la página, incluso dentro de la propia etiqueta **<DOT>**, se pueden modificar aleatoriamente los símbolos del lenguaje del autómata finito:
+  <%
+   String[] abc = { "a","b","c"};
+   String[] xyz = { "x","y","z"};
+   String a = Random.select(abc);
+   String b = Random.select(xyz);
+   String aabba = a+a+b+b+a;
+   String abbaa = a+b+b+a+a;
+   String abbba = a+b+b+b+a;
+  %>
+  Escribir una cadena <u>de longitud 5</u> que sea
+  reconocida por este autómata finito
+  <center>
+  <DOT>
+  digraph finite_state_machine {
+    rankdir=LR;
+    size="8,5"
+    node [shape = doublecircle]; S;
+    node [shape = point ]; qi
+    node [shape = circle];
+    qi -> S;
+    S  -> q1 [ label = "<%= a %>" ];
+    S  -> S  [ label = "<%= a %>" ];
+    q1 -> S  [ label = "<%= a %>" ];
+    q1 -> q2 [ label = "<%= b %>" ];
+    q2 -> q1 [ label = "<%= b %>" ];
+    q2 -> q2 [ label = "<%= b %>" ];
+  }
+  </DOT>
+  </center>
+Lo que daría lugar a variantes como esta:
+{{ es:manual:items:dot2.png?400 }}
+Evidentemente, también sería posible modificar el propio grafo, el número de nodos, arcos, etc.