Mode de fonctionnement
Généralités
Les conditions d'affichage permettent de rendre dynamique, l'affichage de certains éléments du configurateur / formulaire intelligent.
Il est possible d'ajouter des conditions d'affichage sur:
Etapes / Questions ;
Réponses ;
Options ;
Nous vous invitons à lire l'article qui explique le mode de fonctionnement des différents éléments du configurateur.
Condition
Une condition permet de déterminer, au moment où elle s'exécute, la suite du programme en fonction de la réponse fournie par l'internaute.
Exemple: Je regarde la météo du jour, SI de la pluie est annoncée pour la journée ALORS je prends mon parapluie
Dans notre cas, il s'agit de vérifier SI la condition est remplie ALORS l'élément conditionné va s'afficher.
Il est obligatoire avec CYUP qu'une condition se trouve à l'intérieur d'un Groupe de condition.
Groupe de condition
Un groupe de conditions permet d'avoir une ou plusieurs conditions à l'intérieur de celle-ci.
Pour qu'une condition puisse être ajouté, il est nécessaire de créer un groupe de conditions.
Ce groupe contiendra plusieurs conditions que la saisie de l'utilisateur doit remplir pour que l'élément conditionné puisse s'afficher.
A l'intérieur d'un groupe de condition, les conditions sont des éléments logique "ET". Chaque groupe de condition est associé à un "OU" logique.
L'opérateur logique ET relève de l'algèbre de Boole.
À deux opérandes A et B, qui peuvent avoir chacun la valeur VRAI ou FAUX, il associe un résultat qui a lui-même la valeur VRAI seulement si les deux opérandes ont la valeur VRAI.
Autrement dit, A et B est VRAI si et seulement si A est VRAI et B est VRAI.
L'opérateur logique OU relève également de l'algèbre de Boole.
Le OU logique permet d'exprimer le fait qu'une parmi deux expressions est vraie : A ou B est VRAI si soit A est vrai, soit B est VRAI, soit les deux sont VRAIs.
Remarquons que A ou B est aussi vrai si A est VRAI et B est VRAI.
En pratique
Nous allons matérialiser un exemple simple de formulaire pour que vous puissiez comprendre comment cela fonctionne.
Configurateur / Formulaire intelligent simple
Etape 1 : Qui êtes vous ?
Réponse 1 : Nom (champ texte)
Réponse 2 : Prénom (champ texte)
Réponse 3 : Civilité :
M
Mme
Autre
Etape 2 : Quelle est votre situation maritale :
Réponses 1 : Choix dans la liste:
Célibataire
Marié
...
Réponse 2 : Date de mariage (C1)
...
Etape 3 : Quelle est votre département :
Réponse 1 : Choix dans la liste des Grandes régions :
Normandie
Grand Est
...
Réponse 2 : Choix dans la liste des départements :
Calvados (C2)
Manche (C3)
...
Ardennes (C4)
Moselle (C5)
...
...
Etape 4 : Que voulez-vous valider comme aide ?
Réponse 1 : Choix dans la liste
Aide Gouvernement A (C6)
Aide Gouvernement B
...
Exemple de conditionnement (C1)
Il serait intéressant que les réponses 2.2 (C1) soient conditionnées par rapport aux choix de l'option 2.1.2. (Marié)
En langage naturel: SI on coche "Marié" ALORS Date de mariage s'affiche
Sur la Réponse 2.2 "Date de mariage" il faudra avoir le schéma de condition suivant:
Groupe de condition 1 :
Condition 1 : SI Etape 2 > Réponse 2 coché ALORS afficher l'étape
Exemple de conditionnement (C2, C3, C4, C5)
Il serait intéressant que les réponses de la questions 3 (C2, C3, C4 et C5) soient conditionnées par rapport aux choix de l'option 3.1. (Choix des Grandes régions)
En langage naturel: SI "Grand Est" est coché ALORS Moselle s'affiche
Sur la Réponse 3.2 "Moselle" il faudra avoir le schéma de condition suivant:
Groupe de condition 1 :
Condition 1 : SI Etape 3.2 > Réponse "Grand Est" coché ALORS afficher l'option
Exemple de conditionnement (C6) - Double condition
Nous allons voir comment créer des doubles conditions pour des conditions plus complexes avec l'exemple ci-dessous.
En langage naturel: SI ("Marié" et "Grand-Est") OU ("Marié" et "Normandie") est coché ALORS Aide Gouvernement A s'affiche
Sur la Réponse 4.1 "Aide Gouvernement A" il faudra avoir le schéma suivant:
Groupe de condition 1 :
Condition 1 : SI Etape 2.1 > Réponse "Marié" coché
ET
Condition 2 : SI Etape 3.1 > Réponse "Grand-Est" coché
OU
Groupe de condition 2 :
Condition 1 : SI Etape 2.1 > Réponse "Marié" coché
ET
Condition 2 : SI Etape 3.1 > Réponse "Normandie" coché
Comment ajouter des conditions d'affichage
Il est possible d'ajouter une ou plusieurs conditions sur les différents composants.
Pour cela, il faut aller sur le panneau de droite et sélectionner la section conditions.
Il faut obligatoirement que vous ayez des éléments précédent pour que vous puissiez voir cette section.
Etape / Question
Une fois que vous avez sélectionné l'étape / question (surbrillance bleu) si vous vous trouvez dans une étape éligible, en haut à droite, vous verrez la section "Conditions" s'afficher.
Si vous avez des conditions à l'intérieur de votre étape / question, vous aurez une indication vous permettant de savoir combien de conditions d'affichages vous avez.
Le bouton "Gestion des conditions" ouvre la fenêtre vous permettant de gérer vos conditions.
Réponse
Une fois que vous avez sélectionné la réponse(surbrillance bleu) et si vous vous trouvez dans une réponse éligible, en haut à droite, vous verrez la section "Conditions" s'afficher.
Si vous avez des conditions à l'intérieur de votre Réponse vous aurez une indication vous permettant de savoir combien de conditions d'affichages vous avez.
Option
Une fois que vous avez sélectionné l'option (surbrillance bleu) et si vous vous trouvez dans une option éligible, en haut à droite, vous verrez la section "Conditions" s'afficher.
Si vous avez des conditions à l'intérieur de votre Option vous aurez une indication vous permettant de savoir combien de conditions d'affichages vous avez.
Comment supprimer des conditions d'affichage
Pour supprimer des conditions sur un élément de type étape/question, réponse ou option, il est nécessaire de se rendre sur cet élément (il sera mis en surbrillance bleu) et de se rendre dans la section "Conditions", puis de cliquer sur "Gestion des conditions".
Ensuite vous pouvez aller supprimer des groupes de conditions ou des conditions.
Comment gérer mes conditions et groupes de conditions
Si l'élément sur lequel vous vous trouvez est éligible à la gestion des conditions, alors une section à droite apparaîtra de la gestion du configurateur et dans "Conditions" vous verrez apparaître le bouton "Gestion des conditions"
Lorsque vous cliquez la fenêtre ci-dessous, apparaîtra.
Présentation de la fenêtre
Panneau 1 : Visualisation des groupes de conditions et conditions
Visuellement, vous aurez l'ensemble des groupes de conditions ainsi que les conditions qui apparaîtront. Les options ci-dessous sont encore disponibles:
Ajout d'un groupe de conditions : vous allez ajouter un bloc de conditions et le panneau 2 va s'ouvrir pour que vous puissiez gérer les conditions constituant ce groupe.
Suppression d'un groupe de conditions : la suppression va ouvrir une pop-up de confirmation. Si vous confirmez alors l'ensemble des conditions constituant, votre groupe de conditions sera également supprimé.
Panneau 2 : Gestion des conditions d'un groupe de condition
Si vous cliquez sur un groupe de conditions (sur le panneau 1), alors l'ensemble des conditions de ce groupe de conditions apparaîtra dans le panneau numéro 2.
Gestion des groupes de conditions
Ajout d'un groupe de condition
L'ajout d'un groupe de conditions va créer un nouveau bloc nommé "Groupe de conditions".
Suivant le nombre de blocs actuellement présent, le numéro sera nommé "Groupe de conditions 3", "Groupe de conditions 4", "Groupe de conditions 5", ...
Suppression d'un groupe de condition
Il est possible de supprimer un groupe de conditions, celui-ci va supprimer validé l'ensemble des conditions attachées à ce groupe.
Gestion des conditions
Pour ajouter une condition, il est obligatoire d'être dans un groupe de conditions. Pour savoir dans quel groupe de conditions vous êtes, il suffit de regarder si le groupe de conditions est en surbrillance bleu.
Ainsi, vous aurez le panneau suivant:
Ajout / Modification d'une condition
Suivant la cible de votre condition, vous aurez des possibilités différentes pour gérer aux conditions d'affichage.
Réponse de type Champ de saisie nombre
Une fois la question et la réponse choisit, vous allez pouvoir définir une valeur minimum supérieur ou égale et une valeur maximale inférieur ou égale.
Réponse de type Champ de saisie texte
Une fois la question et la réponse choisit, vous allez pouvoir définir une nombre de caractères minimum supérieur ou égale et un nombre maximal de caractères inférieur ou égal.
Réponse de type choix multiples
Une fois la question et la réponse choisit, vous devrez choisir dans la liste un choix qui permettra de valider la condition.
Suppression d'une condition
Vous pouvez sur chacune des conditions, supprimer celle-ci compliquant sur la petite icône poubelle. Cela ouvre une popup de confirmation de suppression. A la validation de la condition est supprimée.
