Tutorial: Construir un formulario de entrada de datos

En este tutorial, aprenderás:* Crear un formulario de entrada en un paso utilizando widgets de entrada* Guardar datos de entrada en variables y en una tabla* Revisar registros de una tabla en un paso

En este tutorial, aprenderá a almacenar datos en una aplicación y también a almacenar datos de entrada de una aplicación en una tabla.

Al final de ambos ejercicios, tendrás una app de entrada de datos con el siguiente aspecto:

Ejercicio 1: Guardar datos de entrada en la app

En este ejercicio, crearás un paso básico que guarda los datos de entrada en variables.

Cree una nueva app

1. En la pestaña Apps, haz click en Apps.
2. Haz clic en + Crear App en la esquina superior derecha.
3. Nombre la app "Formulario de entrada de datos - Ejemplo". Si lo desea, puede añadir una descripción para que otros usuarios sepan para qué sirve esta aplicación.
4. Haz clic en + Crear.

En la página de detalles de la aplicación, puede hacer clic en Editar en la esquina superior derecha o en el nombre Paso sin título para acceder al Editor de aplicaciones.

Añadir widgets de entrada con fuentes de datos variables

1. Haga clic en la pestaña Entradas y seleccione Casilla de verificación.
2. En el panel lateral, asigne un nombre a la Etiqueta: "Orden de trabajo completada".
3. En Fuente de datos, haga clic en la casilla vacía y, a continuación, en + Añadir variable.
4. Nombre la variable "Orden de trabajo completada" y cambie el Valor por defecto a no. Haga clic en + Crear.

La configuración del widget tendrá este aspecto

1. Añade un widget Selector de fecha desde la pestaña Entradas.
2. En el panel lateral, nombre la Etiqueta"Fecha completada".
3. En Fuente de datos, haga clic en la casilla vacía y luego + Añadir variable.
4. Nombre la variable "Fecha de finalización" y haga clic en + Crear.

La configuración del widget será la siguiente:

Crear un disparador para guardar los datos de entrada

1. Haga clic en la pestaña Botones y seleccione Enviar.
2. En el panel lateral, haga clic en el signo + junto a Activadores.
3. Titule el disparador "Guardar datos de app".
4. En la sección Entonces, seleccione App en el menú desplegable. A continuación, seleccione Guardar todos los datos de la aplicación. Haga clic en Guardar.

Ahora tienes un paso básico de entrada de datos que utiliza variables para almacenar valores. Este es el aspecto de la aplicación cuando la pruebas en modo desarrollador:

Fíjate que las variables almacenan en datos de compleción, que puedes ver debajo de la pantalla del paso.

Ejercicio 2: Almacenar datos de entrada en una tabla

En este ejercicio, creará un paso de entrada de datos que guarda valores en una tabla de Órdenes de Trabajo. También podrá ver los registros en la tabla desde el paso de la aplicación.1. Añada un nuevo paso y nómbrelo "Paso". Añade un nuevo paso y nómbralo "Ejercicio 2".

Añada la tabla a la app

1. Haga clic en la pestaña Registros y seleccione + Añadir tabla.
2. Seleccione la tabla Órdenes de trabajo y haga clic en Añadir.
3. Haga clic en el icono + junto a Marcador de posición de registro.
4. Nombre el marcador de posición de registro "Órdenes de trabajo actuales". Haga clic en Añadir marcador de posición de registro.

Cree las entradas del formulario de datos

1. Haga clic en Entradas y seleccione la opción Selección única.
2. En el Panel Lateral, etiquete el widget: "Producto".
3. En Opciones de datos, haga clic en el campo Fuente de datos en blanco y, a continuación, en + Añadir variable.
4. Nombre la variable "Producto" y haga clic en + Crear.
5. En Opciones de selección, añade las siguientes opciones:
6. Cuadro de bicicleta
7. Rueda
8. Transmisión

1. Añada un widget de Entrada Numérica al paso.
2. Nombra la etiqueta "Cantidad".
3. En Opciones de datos, haga clic en el campo en blanco Fuente de datos y, a continuación, en + Añadir variable.
4. Nombre la variable "Producto" y haga clic en + Crear.
5. En Reglas de validación, haga clic en + para añadir una regla.
6. Seleccione Mayor que y escriba "0" como valor estático.

Crear disparador de botón para almacenar valores de entrada

1. Añada un botón al paso.
2. En el panel lateral, añada el texto "Crear orden de trabajo".
3. En Disparadores, haga clic en +.
4. Nombre el disparador "Almacenar valores de entrada en nuevo registro de orden de trabajo".
5. Añada las siguientes acciones al desencadenador:
6. Registros de tabla → Crear registro → Expresión: RANDOMSTRING() → Órdenes de trabajo actuales.
7. Manipulación de datos → Almacenar → Variable → Producto → Registro de tabla → Órdenes de trabajo actuales → Producto.
8. Manipulación de datos → Almacenar → Variable → Cantidad → Registro de tabla→ Órdenes de trabajo actuales → Cantidad

Ver tabla de órdenes de trabajo en el paso

1. Haga clic en Incrustar y seleccione Tabla interactiva.
2. En el panel lateral, en Origen de datos, seleccione Tulip Table.
3. En el siguiente desplegable, seleccione la tabla Órdenes de trabajo.
4. En Marcador de posición vinculado, seleccione Órdenes de trabajo actuales.
5. En Campos, añada los siguientes campos:
6. ID
7. Producto
8. Cantidad
9. Fecha de creación
10. Estado
11. Color

1. Haga clic y arrastre los cuadrados alrededor del widget para ajustar las dimensiones y ver todos los campos.

Ahora tiene un formulario de entrada de datos que almacena variables en un marcador de posición de registro y crea un registro de tabla a partir del marcador de posición actual. Este es el aspecto del paso cuando lo pruebas en modo desarrollador:

Si escribe "0" en la cantidad, observará un mensaje de error que solicita al usuario que introduzca un valor aceptable. Esto es posible gracias a la regla de validación que ha establecido en el widget.

Siguientes Pasos

Ahora que has creado un formulario de entrada de datos, aprende sobre la creación de aplicaciones o cómo visualizar datos:

• Tutorial: Crea tu primera aplicación
• Tutorial: Crea tu primer análisis