Utilisation d'expressions dans les prototypes

Le prototypage avec des variables vous permet de créer des prototypes réalistes qui changent en fonction de la sélection de l'utilisateur, en utilisant seulement quelques cadres et interactions simples.

Les expressions peuvent contribuer à rendre vos prototypes encore plus efficaces. Avec les expressions, vous pouvez générer des valeurs dynamiques de chaînes ou de nombres, ou même évaluer des expressions booléennes.

Le prototypage à l'aide d'expressions permet d'effectuer les opérations suivantes :

• Création d'un panier d'achat qui calcule le total des achats
• Génération d'objets de taille variable, tels que des volumes ou des barres de progression.
• Combinaison et création de nouvelles chaînes de texte en fonction de la sélection de l'utilisateur

Où utiliser des expressions

Les expressions permettent de manipuler les valeurs des variables à l'aide d'opérations de base. Elles peuvent être utilisées dans :

• L'action de prototype Set variable, si la variable sélectionnée est de type numérique, chaîne ou booléen.
• L'action de prototype Conditional, en tant que partie d'une instruction conditionnelle

Vous pouvez écrire des expressions directement dans les champs suivants de la fenêtre modale Interaction details :

1. [Set variable] to  : Saisissez une expression pour représenter la nouvelle valeur de la variable sélectionnée
2. [Conditional] if  : Saisissez une expression booléenne pour représenter la condition requise pour l'action

Pour générer des expressions dans votre prototype, vous pouvez soit les écrire directement dans les champs disponibles à l'aide de la syntaxe prise en charge, soit utiliser le panneau de sélection pour choisir parmi les variables et les opérateurs proposés.

Une fois l'expression rédigée, appuyez sur la touche Entrée ou Retour. Seules les expressions écrites avec les opérations et la syntaxe prises en charge fonctionneront. Les expressions non valides seront soulignées en rouge.

Écriture d'expressions

Les expressions sont composées de valeurs et d'opérateurs.

• Les opérateurs représentent la fonction que vous exécutez ou évaluez (comme l'addition ou la soustraction)
• Les valeurs sont les éléments sur lesquels les opérateurs s'exécutent ou qu'ils évaluent

Par exemple, examinons l'expression suivante :

variableName + 2

Dans cet exemple, l'opérateur est l'addition, représentée par le symbole plus +. Les valeurs sont variableName et 2.

Le type d'expression détermine les valeurs et les opérateurs disponibles.

Expressions numériques

Les expressions numériques peuvent être écrites avec les types de valeurs suivants :

• Variables numériques
• Littéraux numériques (tels que 0,5, 1, 10)

Les opérateurs suivants peuvent être utilisés dans les expressions numériques :

Expressions de chaîne

Les expressions de chaîne peuvent être écrites avec les types de valeurs suivants :

• Littéraux de chaîne (tels que ”John Doe”, “item 2”, “5”)
• Littéraux numériques
• Variables de chaîne et numériques

Les littéraux de chaîne doivent être placés entre guillemets. Il est possible d'ajouter des valeurs numériques à une valeur de chaîne.

L'opérateur suivant peut être utilisé dans les expressions de chaîne :

Expressions booléennes

Les expressions booléennes peuvent être écrites avec les types de valeurs suivants :

• Littéraux booléens (true, false)
• Littéraux numériques
• Littéraux de chaîne
• Variables booléennes, de chaîne et numériques

Les opérateurs suivants peuvent être utilisés dans les expressions booléennes :

Les expressions booléennes doivent aboutir à une valeur true ou false. Lors de la définition d'une variable booléenne à l'aide d'une expression, le résultat de l'expression est évalué comme ayant une valeur vraie ou fausse, ce qui permet de définir la nouvelle valeur de la variable booléenne.

Par exemple, examinons l'interaction et l'expression simples ci-dessous :

Set itemCount to 0
itemCount > 5

La valeur d'itemCount est 0, qui n'est pas supérieur à 5. Par conséquent, la valeur de cette expression est false. Cependant, examinons maintenant l'exemple suivant :

Set itemCount to 6
itemCount > 5

La valeur d'itemCount est 6, qui est supérieur à 5. Par conséquent, la valeur de cette expression est true.

Des exemples d'expressions booléennes sont présentés dans les onglets ci-dessous. Pour ces exemples, les affirmations suivantes sont vraies :

numberVariable1 ==  1
numberVariable2 ==  2
stringVariable1 ==  red
stringVariable2 ==  blue

Définissez booleanVariable sur :
numberVariable1 == numberVariable2

Définissez booleanVariable sur :
numberVariable1 + 1 == numberVariable2

Définissez booleanVariable sur :
stringVariable1 != stringVariable2

Définissez booleanVariable sur :
numberVariable1 + 1 != numberVariable2

Définissez booleanVariable sur :
numberVariable1 == 1 et numberVariable2 == 2

Définissez booleanVariable sur :
numberVariable1 > 5 et numberVariable2 == 2

Définissez booleanVariable sur :
stringVariable1 == red ou stringVariable2 == purple

Définissez booleanVariable sur :
stringVariable1 == green ou stringVariable2 == orange

Expressions complexes et ordre des opérations

Les expressions complexes sont générées par l'utilisation de plusieurs opérateurs au sein d'une même expression. Utilisez des parenthèses pour regrouper les expressions.

Dans les expressions complexes, les opérations mathématiques de base sont effectuées dans l'ordre suivant :

1. Parenthèses
2. Multiplication/Division
3. Addition/Soustraction

Les opérateurs d'expression booléenne sont exécutés dans l'ordre suivant :

1. Parenthèses
2. Comparaisons (==, !=, >, <, etc.)
3. And
4. Or

Toutes les opérations sont exécutées de gauche à droite.

Par exemple, dans l'expression suivante :

x + y * z

Multipliez d'abord y par z. Puis ajoutez x.

Dans l'expression booléenne suivante :

x == (y > z)

Évaluez d'abord si y est supérieur à z. Ensuite, évaluez si x est égal à la solution de y > z.

Concepts dans les expressions

Négation des nombres

Pour transformer une valeur numérique positive en valeur numérique négative, il faut soustraire la valeur numérique de 0.

Par exemple, une variable numérique (numVar) avec une valeur positive peut être inversée avec l'expression suivante :

0 - numVar

Pour transformer un nombre négatif en un nombre positif, il faut multiplier le nombre par -1.

Par exemple, une variable numérique (numVar) avec une valeur négative peut être rendue positive avec l'expression suivante :

(0 - 1) * numVar

Négation de valeurs booléennes

La négation d'une valeur booléenne signifie l'inversion de son état logique. La négation d'une valeur booléenne vraie la rendrait fausse, et la négation d'une valeur booléenne fausse la rendrait vraie.

La négation des valeurs booléennes peut s'avérer précieuse lors de la génération d'objets présentant deux états opposés, tels que des bascules, des boutons ou d'autres paramètres.

Pour inverser une valeur booléenne, utilisez l'expression suivante :

boolVar != true

L'utilisation de l'opérateur != renvoie un résultat vrai lorsque les valeurs ne sont pas égales et un résultat faux lorsque les valeurs sont égales. Cela signifie que :

• Si la valeur boolVar est true, true est égal à true. Par conséquent, l'instruction est évaluée comme false.
• Si la valeur boolVar est false, false n'est pas égal à true. Par conséquent, l'instruction est évaluée comme true.

Essayez