Añadir widgets de entrada a los pasos
  • 01 Nov 2022
  • 6 Minutos para leer
  • Colaboradores

Añadir widgets de entrada a los pasos


Añadir widgets de entrada a los pasos

Introducir datos en cualquier paso utilizando Widgets de Entrada

Se pueden introducir datos en un paso de formulario, pero ¿qué pasa con la introducción de datos en un paso de producción estándar?

Para reducir el número de pasos y opciones de enrutamiento que un operador debe recorrer, a menudo es más fácil introducir datos dentro de un paso de instrucciones, en lugar de un Paso de Formulario separado. También se puede escribir directamente en las Tablas de Tulipán utilizando los Widgets de Entrada.

El siguiente artículo describe cómo iniciar un campo de entrada de datos, o Input Widget, en cualquier Paso de aplicación.

Creación de un Widget para almacenar los datos del usuario

Seleccione la opción Entrada en la Barra de Herramientas:

Widget Toolbar.png

Una vez seleccionada, tiene las siguientes opciones:

Inputs Dropdown.png

  • Casilla de verificación
  • Texto
  • Archivo
  • Número
  • Selección simple
  • Multiselección
  • Selector de fecha
  • Imagen
  • Firma

Selección de una fuente de datos

Variable

Elija una variable existente, o cree una nueva variable para asignarla al Widget de entrada:

Al asignar una variable a la entrada, el valor de la entrada puede ser referenciado a través de la aplicación para construir varias lógicas.

Registro de la tabla de tulipanes

Al asignar tu widget de entrada a un registro de tabla de Tulipán, puedes editar directamente un registro de tabla. Especifica la columna del registro de la tabla en el desplegable:

Esto guarda automáticamente el valor del widget de entrada en el registro de la tabla.

Configuración de activadores

Muchos de los widgets de entrada tienen una opción para configurar un activador que se dispara cuando se produce una acción. Los tipos de acciones y los widgets asociados se describen a continuación.
Triggers.png

Tecla Introducir

El disparador de la tecla Intro sigue la lógica de: cuando se pulsa la tecla Intro, si se cumplen las condiciones, entonces realiza una acción. Esta opción está asociada a los widgets de entrada de texto y números.

Cambio de entrada

El activador Cambio de entrada sigue la lógica de: cuando la entrada cambia, si se cumplen las condiciones, entonces realiza una acción. Esta opción está asociada a los widgets de entrada de casilla de verificación, selección simple, selección múltiple, selector de fecha e imagen.

Tipos de widgets de entrada

Casilla de verificación

La opción de casilla de verificación proporciona una salida booleana, que puede convertirse en Sí o No marcando o desmarcando la casilla. Para más información sobre las casillas de verificación, consulte [este artículo aquí](https://support.tulip.co/docs/how-to-use-the-checkbox-widget

Texto

Al seleccionar una entrada de texto, puede asignar el widget a una columna de una tabla de tulipanes o a una variable. Al igual que en el caso de la casilla de verificación, es necesario asignar una variable al widget de entrada de texto para poder utilizar los datos más adelante en la aplicación. Selecciona esta variable de una lista de variables de texto, o créala en línea desde el desplegable de selección de variables.

Esto se comporta de la misma manera que una variable creada en una entrada de Paso de Formulario.

Si desea que el widget de entrada de texto sea más grande, seleccione la opción "Varias líneas" en el panel de contexto. Entonces puede cambiar las dimensiones para llenar cualquier espacio.

Archivo

El widget de entrada de archivos es similar a la entrada de texto, con la posibilidad de asignar la entrada a una columna de una tabla Tulipán, o a una variable. Es necesario asignar una variable al widget de entrada de archivos para poder utilizar los datos más adelante en la aplicación. Seleccione esta variable de una lista de variables de archivo, o créela en línea desde el desplegable de selección de variables.
File Input Widget.png

Puedes utilizar el botón de carga en forma de nube para importar un archivo desde tu dispositivo al widget de entrada o introducir la URL del archivo directamente.

Número

Un widget de entrada de número también es similar a los widgets anteriores, ya que necesita que se le asigne una variable de número para utilizar adecuadamente los datos introducidos. Seleccione una variable existente o cree una escribiendo un nombre y seleccionando Crear.

Una vez que añada una Variable, en este caso se revela una opción adicional.

En la opción Formato, se puede seleccionar tanto Entero como Decimal para la visualización de la información. Un tipo Entero muestra sólo el número entero, mientras que un Decimal muestra hasta el número de cifras significativas seleccionadas. La opción Precisión determina este número de cifras a mostrar.

Selección simple

Para utilizar mejor este widget, asegúrese de que entiende las matrices

El widget de entrada de selección simple le permite seleccionar una opción de una lista, con una serie de potentes configuraciones. Al igual que otros widgets de entrada, puede seleccionar el tipo de fuente de datos, ya sea un registro de tabla de tulipanes o una variable:

Una forma muy sencilla de utilizarlo es asignar o crear una variable de texto en el campo Variable, y mostrarla como un Dropdown con valores creados estáticamente. Puede añadir opciones seleccionando "Nueva Opción" justo debajo del campo Opciones. Una vez hecho esto, se ve así:

Si cambias el campo Visualización por un Menú, el widget adoptará la siguiente forma de visualización:

También puedes listar las Opciones como las partes de una variable Array.

En este método, puede seleccionar todos los componentes del Array seleccionado. El Array es la variable seleccionada debajo de las Opciones, y la Variable llamada 'Test' almacenará el valor seleccionado por el usuario de la lista de opciones.

El uso de la configuración de la Variable del Array es extremadamente poderoso, ya que permite tomar opciones del array existente, y también empujar nuevos valores en el array para ser seleccionados. Como ejemplo, un botón puede añadir una opción a este widget añadiendo un Trigger. el trigger podría tener un aspecto similar al siguiente:

En este ejemplo, el botón añade la opción "Algo nuevo" al Widget de Menú o Entrada Desplegable.

Multiselección

La opción Multiselect sigue las mismas configuraciones que el widget Single Select, con algunas pequeñas diferencias de configuración. El widget Multiselect no se puede asignar a un registro de la tabla Tulipán. Además, la salida resultante de este widget debe ser una matriz de texto, en lugar de una simple variable de texto como en el widget de selección simple.

Esto le permite seleccionar múltiples opciones del Menú o del Despliegue, y darles salida en una variable Array. La configuración de las opciones de vista y selección son exactamente las mismas que las del widget de selección simple, detalladas anteriormente. El widget Multiselect se mostrará como se indica a continuación.

Selector de fecha

Una vez seleccionado, elija o cree una variable Datetime para asociarla con el widget, o una columna de una Tulip Table. Si elige Tulip Table Record como Datasource, la entrada escribirá directamente en la tabla. Si elige Variable como Fuente de Datos, la salida del Datetime seleccionado se almacenará en la variable dada.

El widget permite entonces que el Datetime sea seleccionado por el usuario dentro de una App en un paso normal. La interfaz tiene el siguiente aspecto en el reproductor:

Imagen

El widget Imagen permite al operador tomar una imagen en el paso, o cargar una imagen desde el almacenamiento local. Este widget necesita una variable de tipo de datos Image URL para almacenar la imagen tomada en una variable apropiada.

Seleccionando una fuente de datos de registro de tabla de tulipanes, puede guardar la imagen directamente en una tabla de tulipanes. Tenga en cuenta que la relación de aspecto también se puede ajustar dentro del panel de contexto para este widget.

Dentro del reproductor, los usuarios también pueden "voltear" y "rotar" la vista en directo de la cámara.

Firma

El Widget de Entrada de Firma se puede utilizar para requerir a un operador que firme y valide los datos de una variable, los campos de un registro de la tabla, o ambos.
Signature Input Widget.png

Es necesario definir los datos que serán validados por la firma y el widget de entrada incluye también otras opciones de configuración, como designar a un firmante, añadir una descripción del significado de la firma y exigir un comentario como requisito.


¿Ha encontrado lo que buscaba?

También puedes dirigirte a community.tulip.co para publicar tu pregunta o ver si otros se han enfrentado a una pregunta similar.


¿Te ha sido útil este artículo?