{"id":858,"date":"2019-10-29T10:41:25","date_gmt":"2019-10-29T09:41:25","guid":{"rendered":"https:\/\/seriousfactory.com\/blog\/?p=858"},"modified":"2025-08-22T15:23:17","modified_gmt":"2025-08-22T13:23:17","slug":"bonnes-pratiques-bloc-formulaire","status":"publish","type":"post","link":"https:\/\/seriousfactory.com\/blog\/fr\/bonnes-pratiques-bloc-formulaire\/","title":{"rendered":"Bonnes pratiques du logiciel auteur VTS Editor par Yannick Audeoud – Le Bloc Formulaire"},"content":{"rendered":"

1) Bien choisir le type des champs<\/h3>\n

Un formulaire est une liste de \u00ab champs \u00bb \u00e0 remplir par l\u2019utilisateur. Ceux-ci peuvent \u00eatre de type Texte (simple ligne), Texte multi-lignes, Case \u00e0 cocher, Mot de passe, Nombre entier ou Nombre d\u00e9cimal. Le type va impacter la mani\u00e8re dont le champ va s\u2019afficher et comment l\u2019apprenant pourra saisir sa r\u00e9ponse.<\/p>\n

Il est important de choisir le type du champ le plus adapt\u00e9 \u00e0 la r\u00e9ponse que l\u2019on attend de la part de l\u2019apprenant :
\n\u2022 Texte : \u00e0 utiliser lorsqu\u2019on demande \u00e0 l\u2019apprenant de saisir quelques mots seulement, le tout sur une seule ligne tr\u00e8s courte.
\n\u2022 Texte multi-lignes : \u00e0 utiliser lorsqu\u2019on attend de l\u2019apprenant qu\u2019il \u00e9crive un texte de la taille d\u2019un paragraphe, et pas juste quelques mots.
\n\u2022 Case \u00e0 cocher : privil\u00e9gier ce champ lorsqu\u2019on attend une r\u00e9ponse \u00ab oui\/non \u00bb. Si on laisse un champ texte libre, l\u2019utilisateur pourrait saisir n\u2019importe quoi d\u2019autre que \u00ab oui \u00bb ou \u00ab non \u00bb, ce qui n\u2019est pas ce qu\u2019on souhaite.
\n\u2022 Nombre entier et Nombre d\u00e9cimal : m\u00eame principe que le type Case \u00e0 cocher. Ce type permet de s\u2019assurer que l\u2019apprenant saisit bien un nombre, et pas autre chose. Privil\u00e9gier le type \u00ab Nombre entier \u00bb lorsqu\u2019on demande un nombre qui doit forc\u00e9ment \u00eatre entier, comme un \u00e2ge ou un nombre de personnes par exemple.<\/p>\n

Voici comment s\u2019affichent ces diff\u00e9rents types de champs :<\/p>\n

\"\"<\/p>\n

2) Bien nommer les variables des formulaires<\/h3>\n

La variable utilis\u00e9e dans un champ d\u2019un formulaire vous permet de stocker la r\u00e9ponse de l\u2019apprenant, pour la r\u00e9utiliser plus tard. Vous ne pouvez pas pr\u00e9voir ce que l\u2019apprenant entrera dans le formulaire, et vous devrez donc adapter votre sc\u00e9nario en fonction des possibilit\u00e9s.<\/p>\n

Pour vous y retrouver plus facilement, il est vital de bien nommer vos variables. Par exemple, nous allons habituellement utiliser les nomenclatures suivantes :<\/p>\n

– La variable d\u00e9finie dans le bloc Formulaire sera g\u00e9n\u00e9ralement appel\u00e9e \u00ab\u00a0r\u00e9ponse\u00a0\u00bb, car il s\u2019agit de la r\u00e9ponse donn\u00e9e par l\u2019apprenant.
\n– Cette variable sera elle-m\u00eame compar\u00e9e \u00e0 une autre variable, qui contient la bonne r\u00e9ponse attendue. Nous pouvons nommer cette deuxi\u00e8me variable \u00ab\u00a0bonneR\u00e9ponse\u00a0\u00bb ou \u00ab\u00a0r\u00e9sultat\u00a0\u00bb.<\/p>\n

\"\"<\/p>\n

\"\"<\/p>\n

Plus loin dans le sc\u00e9nario, ces deux variables \u00ab\u00a0r\u00e9ponse\u00a0\u00bb et \u00ab\u00a0r\u00e9sultat\u00a0\u00bb pourront ainsi \u00eatre compar\u00e9es dans un bloc Conditions.<\/p>\n

\"\"<\/p>\n

3) Bien utiliser les valeurs par d\u00e9faut des variables<\/h3>\n

La r\u00e9ponse donn\u00e9e par un apprenant peut \u00eatre stock\u00e9e dans une variable, pour la r\u00e9utiliser plus tard dans le sc\u00e9nario. Deux cas sont possibles : soit la variable n\u2019existait pas avant d\u2019\u00eatre cr\u00e9\u00e9e dans le Formulaire, soit la variable existait d\u00e9j\u00e0.<\/p>\n

Dans le cas o\u00f9 la variable n\u2019existait pas avant le Formulaire, le champ utilisant cette variable n\u2019aura aucune valeur par d\u00e9faut : il sera laiss\u00e9 vide, \u00e0 remplir par l\u2019apprenant.<\/p>\n

\"\"<\/p>\n

En revanche, dans si cette variable existait d\u00e9j\u00e0 avant d\u2019\u00eatre utilis\u00e9e dans le bloc Formulaire, sa valeur sera utilis\u00e9e comme valeur par d\u00e9faut du champ. C\u2019est-\u00e0-dire que le champ sera pr\u00e9-rempli, ce qui peut donner des indications ou une aide \u00e0 l\u2019apprenant.<\/p>\n

\"\"<\/p>\n

Ce graphe donne l\u2019affichage suivant \u00e0 l\u2019ouverture du bloc Formulaire :<\/p>\n

\"\"<\/p>\n

Ce comportement est utile aussi si le Formulaire ne sert qu\u2019\u00e0 modifier une variable existante. On retrouve ainsi directement la valeur de la variable, et il devient possible de valider le Formulaire directement pour ne rien modifier.<\/p>\n

Ainsi, plusieurs Formulaires successifs ne devraient pas utiliser la m\u00eame variable pour r\u00e9cup\u00e9rer la r\u00e9ponse de l\u2019apprenant, car chaque Formulaire afficherait par d\u00e9faut la r\u00e9ponse saisie dans le pr\u00e9c\u00e9dent Formulaire. C\u2019est rarement ce que l\u2019on souhaite faire.<\/p>\n

4) Utiliser les r\u00e9ponses de l\u2019apprenant<\/h3>\n

Une fois que l\u2019apprenant a saisi sa r\u00e9ponse et valid\u00e9 le Formulaire, il vient le moment de l\u2019utiliser dans la suite du sc\u00e9nario, sinon le Formulaire n\u2019aura servi \u00e0 rien !<\/p>\n

Si le but est uniquement d\u2019afficher la r\u00e9ponse, il est possible d\u2019ins\u00e9rer la variable dans un texte en utilisant des accolades. Par exemple, un bloc Message pourrait contenir le texte : \u00ab Vous avez {\u00e2ge} ans. \u00bb, pour afficher \u00ab Vous avez 35 ans. \u00bb selon la valeur rentr\u00e9e par l\u2019apprenant.<\/p>\n

Si la variable est un nombre ou un Flag, il est tr\u00e8s facile de l\u2019utiliser directement dans un bloc Conditions par exemple : si \u00e2ge < 25, alors je choisi tel embranchement, sinon je choisi tel autre.<\/p>\n

La proc\u00e9dure est un peu plus subtile lorsque la r\u00e9ponse de l\u2019apprenant est un texte. Plusieurs cas sont possibles. Dans chacun de ces cas, nous allons utiliser des \u00ab fonctions \u00bb. Celles-ci sont visibles dans les blocs Variables et Conditions en activant le mode \u00ab Expert \u00bb en haut \u00e0 droite de ces blocs.<\/p>\n

Ignorer les majuscules<\/h4>\n

Je souhaite valider une r\u00e9ponse quelles que soient les majuscules. Les r\u00e9ponses \u00ab PythAgOre \u00bb ou \u00ab pythagore \u00bb (avec un P minuscule) doivent \u00eatre valides si je demande \u00e0 l\u2019utilisateur de rentrer le nom \u00ab Pythagore \u00bb.<\/p>\n

Je peux pour cela utiliser la fonction toLower, qui permet de transformer un texte en minuscules.<\/p>\n

\"\"<\/p>\n

Je m\u2019assure ainsi qu\u2019apr\u00e8s le bloc Variables, la r\u00e9ponse sera totalement en minuscules, ce qui mer permet de la comparer avec \u00ab pythagore \u00bb, plut\u00f4t que d\u2019\u00e9num\u00e9rer toutes les possibilit\u00e9s de majuscules dans ce mot.<\/p>\n

Ignorer des fautes de frappe ou d\u2019orthographe<\/h4>\n

Je souhaite maintenant autoriser une faute de frappe dans la r\u00e9ponse. Les r\u00e9ponses \u00ab Pytagore \u00bb (sans H) ou \u00ab Pithagore \u00bb (avec un I \u00e0 la place du Y) doivent donc \u00eatre valides, m\u00eame si la r\u00e9ponse exacte est \u00ab Pythagore \u00bb (avec un H et un Y).<\/p>\n

Je peux utiliser la fonction isSimilar pour v\u00e9rifier si les 2 textes sont identiques \u00e0 1 modification pr\u00e8s.
\nApr\u00e8s avoir ignor\u00e9 les majuscules, je modifie donc ma condition par isSimilar(r\u00e9ponse, \u00ab\u00a0pythagore\u00a0\u00bb, 1), ce qui me donne les blocs suivants :<\/p>\n

\"\"<\/p>\n

J\u2019ai sp\u00e9cifi\u00e9 que je n\u2019accepte que 1 modification maximum, donc la r\u00e9ponse \u00ab Pitagore \u00bb par exemple ne sera pas accept\u00e9e, car elle n\u00e9cessite 2 modifications pour retrouver le mot \u00ab Pythagore \u00bb.<\/p>\n

Ignorer les mots en trop<\/h4>\n

Enfin, je souhaite peut-\u00eatre v\u00e9rifier si la r\u00e9ponse donn\u00e9e contient un mot, plut\u00f4t que d\u2019\u00eatre strictement \u00e9gale \u00e0 ce mot.<\/p>\n

Par exemple, l\u2019apprenant pourrait r\u00e9pondre \u00ab C\u2019est Pythagore ! \u00bb, et j\u2019aimerais que cette r\u00e9ponse soit valide, sans faute de frappe autoris\u00e9e.<\/p>\n

Pour faire cela, je peux utiliser la fonction contains, qui permet de v\u00e9rifier si texte en contient un autre. Je modifie donc ma condition de la mani\u00e8re suivante : contains(r\u00e9ponse, \u00ab\u00a0pythagore\u00a0\u00bb). Comprendre : est-ce que la r\u00e9ponse contient le mot \u00ab pythagore \u00bb ?<\/p>\n

\"\"<\/p>\n

Des ressources \u00e0 votre disposition !<\/h3>\n

En conclusion, le bloc Variables ouvre vraiment de nouvelles opportunit\u00e9s pour l’apprenant comme pour le concepteur. Il n\u00e9cessite une r\u00e9elle m\u00e9thodologie et l’utilisation de bonnes pratiques afin de simplifier au maximum votre conception. Les tutoriels et le \u00ab\u00a0pack variable<\/a>\u00a0\u00bb sont des ressources \u00e0 votre disposition pour vous aider. Si vous souhaitez \u00eatre accompagn\u00e9 et acc\u00e9l\u00e9rer votre mont\u00e9e en comp\u00e9tence, des formations de niveau 3 d\u00e9di\u00e9es aux variables et formulaires sont aussi disponibles<\/a> !<\/p>\n

\n

Liens utiles<\/h2>\n