Comment vérifier la force d’un mot de passe

Dans cet exemple, vous apprendrez à vérifier la force du mot de passe.

Voici comment le construire :

Voir

• Sélectionnez « Champ de texte de saisie » dans la section « Champs de saisie interactifs » et placez-le sur le canevas, allez dans la palette Propriétés et sélectionnez le Type : Mot de passe.
• Placez un « Texte » au-dessus de l’entrée et écrivez « Mot de passe ».
• Sélectionnez un « panneau dynamique » dans la section « Contenu dynamique » et placez-le sous le « champ de texte de saisie ».
• Sélectionnez le « panneau dynamique », vous verrez un menu flottant à côté ; ajoutez deux panneaux supplémentaires en cliquant sur le bouton « + » dans le menu.

• Le panneau numéro 1 étant sélectionné, allez dans la palette Propriétés et changez la couleur d’arrière-plan en rouge ; ensuite, placez un « Texte » à l’intérieur du panneau, et écrivez « Bas » ; maintenez la touche Commande (Mac) ou Contrôle (Windows) enfoncée lorsque vous faites glisser l’élément à l’intérieur, vous verrez une teinte bleue.
• Répétez les actions pour le panneau 2, changez la couleur de fond en jaune et écrivez « Medium ».
• Pour le panneau 3, sélectionnez la couleur de fond verte et écrivez « Haut ».
• Pour terminer votre vue, à droite de votre entrée, placez un « Texte » et écrivez la longueur : 0-2 faible,  3-5moyen, 6-10 élevé.

Evénements

Sélectionnez le « champ de texte d’entrée », allez dans la palette Événements et cliquez sur « Ajouter un événement ». 

1. Dans la boîte de dialogue, cliquez sur « Choose Trigger », survolez « Keyboard » et sélectionnez « on Key Up ».
2. Dans la section « Choisir une action », sélectionnez « Définir le panneau actif » et cliquez sur le premier panneau. Cliquez sur « Ok » pour terminer la création de l’événement.

Retournez dans la palette Événements et cliquez sur « Ajouter une condition ».

Dans le premier champ du générateur de conditions, faites glisser la fonction « Count », puis le champ « Input text field », et dans la zone suivante, tirez la fonction « ≤ » ; pour le dernier champ, écrivez « 2 ». Cliquez sur « Ok » pour terminer la création de votre condition.

Allez dans la palette Événements et cliquez sur « Autre ».

1. Dans la boîte de dialogue, cliquez sur « Choose Trigger », survolez « Keyboard » et sélectionnez « on Key Up ».
2. Dans « Choose Action », sélectionnez « Set active panel » et cliquez sur le deuxième panneau. Cliquez sur « Ok » pour terminer la création de l’événement.

Retournez dans la palette Événements et cliquez sur « Ajouter une condition ».

Dans le premier champ du générateur de conditions, faites glisser la fonction « Count », puis le « Input text field », et dans la zone suivante, tirez la fonction « ≤ » ; pour le dernier champ, écrivez « 5 ». Cliquez sur « Ok » pour terminer la création de votre condition.

Allez dans la palette Événements et cliquez sur « Autre ».

1. Dans la boîte de dialogue, cliquez sur « Choose Trigger », survolez « Keyboard » et sélectionnez « on Key Up ».
2. Dans « Choose Action », sélectionnez « Set active panel » et cliquez sur le dernier panneau. Cliquez sur « Ok » pour terminer la création de l’événement.

Retournez dans la palette Événements et cliquez sur « Ajouter une autre condition ».

Dans le premier champ du générateur de conditions, faites glisser la fonction « Count », puis le champ « Input text field », et dans la zone suivante, la fonction « ≤ » ; pour le dernier champ, écrivez « 10 ». Cliquez sur « Ok » pour terminer la création de votre condition.

Simulez votre prototype.