Luego de haber definido la ubicación y nombre de todas las variables del contenido del reporte tipo formulario que se quiere generar es necesario proceder a convertir el documento en formato HTML (pero no X-HTML) y luego transformar cada variable en código que permita definir elemento de formulario.


Fig 1112 formulario con variables en lugares deseados

Por ejemplo, para generar un código de formulario El documento se transforma a formato HTML y se modifican variables por código para formulario.


tabla 1113 formato de código de elementos gráficos

Tipo

Imagen

Código HTML (Sin estilo, básico)


Texto en celda con variable 



<tr>
    <td>1</td>
    <td>${placa_1}</td>    
</tr>




Código HTML (simple)
que contiene definición de campo de texto




<tr>
    <td>1</td>
    <td>

      <input 

        type=”text” 
        name=”placa_1”
        placeholder=”ingrese ${placa_1}”
      /> 

    </td>    
</tr>





Observación: 

El ejemplo de código anteriormente mostrado es ilustrativo, la variable con el texto ${placa_1} se transforma en código HTML de formulario de de casilla de texto con nombre la variable ${placa_1}. 

Se emplean múltiples lineas y se omiten otros detalles para mejor comprensión. Cada elemento gráfico empleado tiene un código distinto.

Para facilitar el proceso de transformación se puede generar un script de conversión.

El resultado de múltiples conversiones producirá un formulario HTML como el que se muestra en la figura.



Fig 1114 formulario deseado en formato html con campos y elementos gráficos incorporados


Se aprecia que el formulario no tiene definido un botón porque esto se agregará en la última etapa de la integración

Adicionalmente, para para facilitar el ingreso de información al formulario se pueden emplear elementos gráficos (más detalles ver Elementos gráficos) que faciliten el ingreso de información tal como elementos de ingreso de hora, de fecha, etc...

Algunos que pueden ser de real interés y pueden simplificar el uso del sistema notablemente



Fig 1115 Elemento gráfico para selección de hora, aparece reloj y uno mueve manecillas (no es necesario tipear nada..)


Fig 1116 Elemento gráfico para selección de Fecha, aparece un calendario y uno escoge fecha (no es necesario tipear nada..)



Fig 1117 Elemento gráfico definidos por el usuario (no es necesario tipear nada..)


Fig 1118 Editor de Textos con formato en caso de que se quiera resaltar algo.

interactuar con la base de datos del sistema.