Ajout de widgets de saisie aux étapes

Saisir des données dans n'importe quelle étape à l'aide des widgets de saisie

Afin de réduire le nombre d'étapes et d'options de routage qu'un opérateur doit parcourir, il est souvent plus facile d'entrer des données dans une étape d'instructions. Vous pouvez également écrire directement dans les tableaux Tulip en utilisant les Widgets de saisie.

L'article suivant décrit comment créer un champ de saisie de données, ou Widget de saisie, dans n'importe quelle étape de l'application.

Création d'un widget pour stocker les données de l'utilisateur

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

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

• Case à cocher
• Texte
• Fichier
• Nombre
• Sélection simple
• Multi-sélection
• 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 assignant une variable à l'entrée, la valeur de l'entrée peut être référencée dans toute l'application pour construire différentes logiques.

Enregistrement de tableau tulipe

En assignant votre widget d'entrée à un enregistrement de table Tulip, vous pouvez directement éditer un enregistrement de table. Spécifiez la colonne de l'enregistrement de table dans le menu déroulant :

Cela enregistre 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éclenchera lorsqu'une action se produira. Les types d'actions et les widgets associés sont décrits ci-dessous.

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 Changement de saisie suit la logique suivante : lorsque la saisie change, si les conditions sont remplies, une action est exécutée. Cette option est associée aux widgets de saisie de cases à cocher, de sélection unique, de sélection multiple, de sélection de dates et d'images.

Types de widgets de saisie

Case à cocher

L'option case à cocher fournit une sortie booléenne, qui peut être transformée en Oui ou en Non en cochant ou en 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 assigner le widget à une colonne d'un tableau Tulip ou à une variable. De la même manière que pour la case à cocher, une variable doit être assignée au Widget de saisie de texte afin d'utiliser les données ultérieurement dans l'application. Sélectionnez cette variable dans une liste de variables de texte ou créez-la en ligne dans le menu déroulant de sélection des variables.

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

Si vous souhaitez agrandir le widget de saisie de texte, sélectionnez l'option "Lignes multiples" dans le volet de contexte. 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'assigner la saisie à une colonne d'un tableau Tulip ou à une variable. Une variable doit être assignée au widget de saisie de fichier afin d'utiliser les données ultérieurement dans l'application. Sélectionnez cette variable à partir d'une liste de variables de fichiers ou créez-la en ligne à partir du menu déroulant de sélection des variables.

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

Nombre

Le widget de saisie de nombres est similaire aux widgets précédents, car il doit être associé à une variable de nombres afin d'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, une option supplémentaire apparaît dans ce cas.

Dans l'option Format, il est possible de sélectionner un nombre entier ou décimal pour l'affichage des informations. Un type Entier n'affiche que le nombre entier, tandis qu'un type Décimal affiche jusqu'au nombre de chiffres significatifs sélectionné. L'option Précision détermine le nombre de chiffres à afficher.

Sélection unique

Pour utiliser au mieux ce widget, assurez-vous que vous comprenez déjà 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 (enregistrement de table Tulip ou 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 de façon statique. 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 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.

Cette méthode vous permet de 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" stockera la valeur sélectionnée par l'utilisateur dans la liste des options.

L'utilisation de la configuration de la variable tableau est extrêmement puissante, car elle vous permet de prendre des options dans le tableau existant et d'ajouter de nouvelles valeurs au tableau pour qu'elles soient sélectionnées. Par exemple, un bouton peut ajouter une option à ce widget en ajoutant un déclencheur :

Dans cet exemple, le bouton ajoute l'option "Quelque chose de nouveau" au widget de saisie Menu ou Dropdown.

Multi-sélection

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 assigné à un enregistrement de table Tulip. En outre, le résultat de ce widget doit être un tableau de texte, et non une simple variable texte comme dans le widget de sélection unique.

Cela 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 Single Select, détaillée ci-dessus. Le widget Multiselect s'affiche comme suit.

Sélecteur de date

Une fois sélectionné, choisissez ou créez une variable Datetime à associer au widget, ou une colonne d'une Tulip Table. Si vous choisissez l'enregistrement de la table Tulip comme source de données, l'entrée s'écrira directement dans la table. Si vous choisissez Variable comme source de données, la sortie de la variable Datetime sélectionnée sera stockée dans la variable donnée.

Le widget permet alors à l'utilisateur de sélectionner la date et l'heure au sein d'une application lors d'une étape normale. L'interface se présente comme suit 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 du 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 de type Tulip Table Record, vous pouvez enregistrer l'image directement dans une Tulip Table. Veuillez noter que le rapport d'aspect peut également être ajusté dans le volet contextuel de ce widget.

Dans le lecteur, les utilisateurs peuvent également "retourner" et "faire pivoter" l'image 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.

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'ajout 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 personnes ont rencontré une question similaire !