Articles on: Conception examples

🀄 Flash card

Example link:

1) Use an image/notion memory association technique to learn faster

In this example project, the notion of Car Key is associated with the notion of Tumbler and their respective images are used to appeal to visual memory.

Note: This CSS block allows you to center the choices in the middle of the screen.

In general the CSS block allows you to modify the design of the template of your module yourself.

_You have to integrate your CSS style manually. Moreover, it is possible to (dis)activate the CSS with a boolean variable system. For more information about CSS, you can also read this article: 🗜️ CSS

2) Creating a Swipe Block: Introduction

This one allows you to display a map.

The map can be dragged left or right by the user, with a different result each time you pass, like Tinder. However in this example, the choices are identical and lead to the same next block.

In its edit window, you can change the text display of the scan result in the left and right option.

The test option allows you to change the text written above the map.

The legend option allows you to change the text under the card, which is particularly useful for counting rounds for example. Choose your card image from your imported files by clicking on the arrow in the image section.

3) Create a block Choice: Notions to remember

With the following choices:

Notion A
Notion B
Notion C
Notion D
Notion E

Flash cards consist of the visual association of a pair of concepts within a concept in order to maximize its memory retention.

Here are presented the concepts in the form of a Choice block, then the concept pairs in the form of a Swipe block.

The user can consult all the pairs at will before taking a timed test.

The goal here is to retain the associated image pairs and then pass the timed test.

4) Create a block Alert: Test presentation

Announce the test that's about to take place:

"Let's see if you've retained the pairs of notions. You have 5 seconds to find the right pair".

5) Create a Random Path block

This block allows you to direct the Flow randomly between the questions in the test.

The shuffle option is enabled (available by double-clicking on the block) and allows you to not re-propose the last used output (which remains

probable in the opposite case).

6) Assign to each of the Random Paths a block Once

This block allows you to pass the Stream through a default path only once. When the Stream passes through the Once block again, it will be redirected to the next output of the Random Paths block.

7) Assign to each Once block an Alert block

The test questions ask the user to complete each pair via an Alert block.

The questions will not reappear. The user must therefore make a clear round from the beginning.

8) Then create a Choice block for each of the Alert blocks.

Offering every possible choice

9) Create three Alert blocks

Depending on the answers: False, true or elapsed time

False: "🔴 False"

Elapsed time: "⌛ Elapsed time"

True: "🟢 Bravo"

10) Create a numeric variable and a boolean variable.

To do this you must click on the menu then on variable.

Then click on add a variable, select numeric and name it "Points".

click again on add a variable select boolean and name this variable "Association Cup? "

Now that this is done, connect the alert block "🔴 False" to a condition block, connect the condition block to an expression block. Double click on the expression block and enter as expression: "x == 5". Connect the x of the expression block to your variable.

Connect the true output of the condition block to an alert block. Double click on the alert block and enter this sentence :

"👏 Congratulations, you've perfectly matched the pairs as fast as lightning!"

Connect the false output of the condition block to an alert block. Double click on the alert block and enter this sentence:

"You have pieced {{ x }} pairs of notions together."

Connect the x of the alert block to the "points" variable you have just created.

Link your elapsed time alert block to the alert block you just created.

Now link your alert block named bravo to an increment block and set the value to 1. Link your increment block to the alert block where you wrote "You have reconstructed {{ x }} pairs of notions". Connect this block alerts a block delete the flow.

Finally connect your delete stream block with the Random Path block.

Updated on: 29/03/2021

Was this article helpful?

Share your feedback


Thank you!