Ajouter des widgets de saisie aux étapes
  • 01 Nov 2022
  • 7 Minutes à lire
  • Contributeurs

Ajouter des widgets de saisie aux étapes


Ajouter des widgets de saisie aux étapes

Saisir des données sur n'importe quelle étape à l'aide de Widgets de saisie

Il est possible de saisir des données sur une étape de formulaire, mais qu'en est-il de la saisie de données sur une étape de production standard ?

Afin de réduire le nombre d'étapes et d'options de routage qu'un opérateur doit parcourir, il est souvent plus facile de saisir des données dans une étape d'instructions, plutôt que dans une étape de formulaire séparée. Vous pouvez également écrire directement dans les tables Tulip en utilisant les Input Widgets.

L'article suivant décrit comment initier un champ de saisie de données, ou Widget de saisie, sur n'importe quelle étape de formulaire.

Créer un Widget pour stocker les données de l'utilisateur

Sélectionnez l'option Input dans la barre d'outils :

Widget Toolbar.png

Une fois cette option sélectionnée, vous disposez des options suivantes :

Inputs Dropdown.png

  • Case à cocher
  • Texte
  • Fichier
  • Nombre
  • Sélection unique
  • Sélection multiple
  • Sélecteur de date
  • Image
  • Signature

Sélection d'une source de données

Variable

Choisissez une variable existante ou créez une nouvelle variable à affecter au Widget d'entrée :

En affectant une variable à l'entrée, la valeur de l'entrée peut être référencée dans l'ensemble de l'application pour construire diverses logiques.

Enregistrement de la table Tulip

En assignant votre widget de saisie à un enregistrement de table Tulip, vous pouvez directement modifier un enregistrement de table. Spécifiez la colonne de l'enregistrement de la table dans la liste déroulante :

Cela permet d'enregistrer automatiquement la valeur du widget de saisie dans l'enregistrement de la table.

Configuration des déclencheurs

De nombreux widgets de saisie offrent la possibilité de configurer un déclencheur qui se déclenche lorsqu'une action se produit. Les types d'actions et les widgets associés sont décrits ci-dessous.
Triggers.png

Touche d'entrée

Le déclencheur Touche d'entrée suit la logique suivante : lorsque la touche d'entrée est enfoncée, si les conditions sont remplies, une action est exécutée. Cette option est associée aux widgets de saisie de texte et de chiffres.

Modification de l'entrée

Le déclencheur Modification de l'entrée suit la logique suivante : lorsque l'entrée change, si les conditions sont remplies, une action est exécutée. Cette option est associée aux widgets de saisie suivants : case à cocher, sélection unique, sélection multiple, sélecteur de date et image.

Types de widgets de saisie

Case �� cocher

L'option de case à cocher fournit une sortie booléenne, qui peut être transformée en Oui ou Non en cochant ou décochant la case. Pour plus d'informations sur les cases à cocher, consultez [cet article ici] (https://support.tulip.co/docs/how-to-use-the-checkbox-widget).

Texte

Lorsque vous sélectionnez une entrée texte, vous pouvez affecter le widget à une colonne d'une table Tulip ou à une variable. Comme pour la case à cocher, une variable doit être assignée au Widget de saisie de texte afin d'utiliser les données plus tard dans l'application. Sélectionnez cette variable dans une liste de variables de texte, ou créez-la en ligne dans la liste déroulante de sélection des variables.

Cette variable se comporte de la même manière qu'une variable créée dans une entrée Form Step.

Si vous souhaitez que le widget de saisie de texte soit plus grand, sélectionnez le commutateur à bascule "Lignes multiples" dans le volet contextuel. Vous pouvez alors modifier les dimensions pour remplir n'importe quel espace.

Fichier

Le widget de saisie de fichier est similaire à la saisie de texte, avec la possibilité d'affecter la saisie à une colonne d'une table Tulip ou à une variable. Une variable doit être assignée au Widget de saisie de fichier afin d'utiliser les données plus tard dans l'application. Sélectionnez cette variable dans une liste de variables de fichier, ou créez-la en ligne dans la liste déroulante de sélection des variables.
File Input Widget.png

Vous pouvez utiliser le bouton de téléchargement en forme de nuage pour importer un fichier depuis votre appareil vers le widget de saisie ou saisir directement l'URL du fichier.

Nombre

Un widget de saisie de nombre est également similaire aux widgets précédents, car il faut lui attribuer une variable numérique pour utiliser correctement les données saisies. Sélectionnez une variable existante ou créez-en une en saisissant un nom et en sélectionnant Créer.

Une fois que vous avez ajouté une variable, dans ce cas une option supplémentaire est révélée.

Dans l'option Format, il est possible de sélectionner à la fois le type Integer et Decimal pour l'affichage des informations. Un type Integer affiche uniquement le nombre entier, tandis qu'un type Decimal affiche jusqu'au nombre de chiffres significatifs sélectionnés. L'option Précision détermine le nombre de chiffres à afficher.

Sélection unique

Pour utiliser au mieux ce Widget, assurez-vous de bien comprendre les tableaux.

Le Widget de saisie à sélection unique vous permet de sélectionner une option dans une liste, avec un certain nombre de configurations puissantes. Comme pour les autres Widgets de saisie, vous pouvez sélectionner le type de source de données, soit un enregistrement de table Tulip, soit une variable :

Une façon très simple de l'utiliser est d'assigner ou de créer une variable texte dans le champ Variable, et de l'afficher comme une liste déroulante avec des valeurs créées statiquement. Vous pouvez ajouter des options en sélectionnant "Nouvelle option" juste en dessous du champ Options. Une fois que c'est fait, cela ressemble à ceci :

Si vous changez le champ Display (Affichage) en Menu, le widget prendra la forme suivante pour l'affichage :

Vous pouvez également répertorier les options en tant que parties d'une variable de type tableau.

Avec cette méthode, vous pouvez sélectionner tous les composants du tableau sélectionné. Le tableau est la variable sélectionnée sous les options, et la variable nommée "Test" stocke la valeur sélectionnée par l'utilisateur dans la liste d'options.

L'utilisation de la configuration des variables de tableau est extrêmement puissante, car elle vous permet de prendre des options dans le tableau existant et de pousser de nouvelles valeurs dans le tableau à sélectionner. Par exemple, un bouton peut ajouter une option à ce widget en ajoutant un Trigger. Le trigger peut ressembler à ceci :

Dans cet exemple, le bouton ajoute l'option "Quelque chose de nouveau" au widget de saisie de menu ou de liste déroulante.

Multiselect

L'option Multiselect suit les mêmes configurations que le widget Single Select, avec quelques petites différences de configuration. Le widget Multiselect ne peut pas être affecté à un enregistrement de la table Tulip. De plus, la sortie résultante de ce widget doit être un tableau de texte, plutôt qu'une simple variable de texte comme dans le widget de sélection unique.

Ce widget vous permet de sélectionner plusieurs options dans le menu ou la liste déroulante et de les afficher dans une variable de type tableau. La configuration des options d'affichage et de sélection est exactement la même que celle du widget de sélection unique, décrite ci-dessus. Le widget Multiselect s'affiche comme ci-dessous.

Sélecteur de date

Une fois sélectionné, choisissez ou créez une variable de date à associer au widget, ou une colonne d'une table Tulip. Si vous choisissez Tulip Table Record comme source de données, la saisie s'effectuera directement dans la table. Si vous choisissez Variable comme source de données, la sortie de la date sélectionnée sera enregistrée dans la variable donnée.

Le widget permet ensuite à l'utilisateur de sélectionner la date et l'heure dans une application lors d'une étape normale. L'interface ressemble à ceci dans le lecteur :

Image

Le widget Image permet à l'opérateur de prendre une image sur l'étape, ou de télécharger une image à partir d'un stockage local. Ce widget a besoin d'une variable de type Image URL pour stocker l'image prise dans une variable appropriée.

En sélectionnant une source de données d'enregistrement de table Tulip, vous pouvez enregistrer l'image directement dans une table Tulip. Veuillez noter que le rapport hauteur/largeur peut également être ajusté dans le volet contextuel de ce widget.

Dans le lecteur, les utilisateurs peuvent également "retourner" et "faire pivoter" la vue en direct de la caméra.

Signature

Le widget de saisie de signature peut être utilisé pour demander à un opérateur de signer et de valider des données dans une variable, des champs d'un enregistrement de table, ou les deux.
Signature Input Widget.png

Les données à valider par la signature doivent être définies et le widget de saisie comprend également d'autres options de configuration, telles que la désignation d'un signataire, l'ajout d'une description de la signification de la signature et l'obligation d'un commentaire si nécessaire.


Vous avez trouvé ce que vous cherchiez ?

Vous pouvez également vous rendre sur community.tulip.co pour poser votre question ou voir si d'autres ont été confrontés à une question similaire !


Cet article vous a-t-il été utile ?