In our previous blog, we talked about how to create basic interactive flashcards to learn new information. Today’s blog is going to show you how to create another type of interactive flashcards: a flashcard with higher level of interactivity to test learner’s knowledge.
This advanced interactive flashcard consists of 2 sides. The front side contains clues and a blank for learners to enter the answer. The back side is the explanation for the correct answer. More precisely, I’m going to design a flashcard requiring learners to guess the name of an animal: Saola.
Creating Two Sides of the Flashcard
Step 1: Insert and style a shape. (Annotations > Shapes). To add a clue about the animal name, double-click the shape to type. For more information, see How to insert and style a shape.
Step 2: Insert an image to illustrate this animal. (In the Annotations tab > Click Image > Select an image from your computer to import).
Step 1: Edit the back side using the Object State feature.
- Open Object State: Select the shape > View > Object State.
- Add new state: Click Edit States > give it a name then click OK to save. For example, I name the new state Saola.
- Add text: Click the shape and type information into it.
- Add answer: In the Annotations tab > click Shapes to add a shape in the gallery. Then, type the answer into it.
- Add correct/incorrect icons. (Annotations > Image > Choose images from your computer to insert).
Note: So as not to show the answer and correct/incorrect icons on the front side, ensure to select the Initially Hidden option in the Timing section of the Size & Properties tab.
- Insert a text box for learners to enter the answer. (Interactions > Text Box). I don’t need 2 feedback messages of the text box, so I delete them.
Setting Correct Answer and Events-Actions for the Flashcard
Setting Correct Values for the Answer
Select the text box and navigate to the Interactivity pane. You can add as many correct values as you want by clicking the Add Value button in the General section, then type the answer into the box. For example, I set three correct answers as image below:
For more information, see how to Set Correct Answer.
Adding Events-Actions, Conditions to the Text Box
The card will turn over after learners enter an answer. If the answer is right, the correct icon will appear. In contrast, if the answer is wrong, the incorrect icon will show up. Therefore, I’m going to add events and actions to the text box. To do that, select the text box, then navigate to the Properties pane. In the Events-Actions section:
- Delete all the default events-actions of the text box.
- Add 3 events and their corresponding actions as follows:
Note: Deselect the Hide After checkbox of the actions for the correct, incorrect icons and the answer to enable to show these objects till the end of the presentation.
That’s it. Now that you know how to create an advanced interactive flashcard by using ActivePresenter. Aside from this type of interactive flashcards, you can freely create your own ones.