Flip-Box
What is a flip-box? How can I use one?
Goal:
Goal:
A flip-box is an area of text that, when clicked, “flips” over to reveal a shaded box containing additional content, such as a prompt, sample answer, or an explanation. Once a student clicks a flip box, it will flip to the back but the student can click again to see the front, as often as needed. Usually, the area that is clickable is also shaded a slightly different color.
The front and back of a flip box can contain images in place
of--or along with--text. However, one thing to keep in mind when
deciding to use this interactive is that the front and the back
of the box will be the same size, so the amount of content on
each side should be similar. If using images, they should be
rather small.
The text that appears above a flip-box should direct students to click the designated area or box and should ask a question or provide direction about what students should think about before they click the box--and perhaps after they read it. (Alternatively, these directions can appear on the box itself.)
Math Sample
Using the example below as a model, how would you complete the following? Try to complete the examples shown and then click on the problem to see the answer.
(Washington, George)
(Obama, Barack)
How did you do? We are naming the United States Presidents.
See if you can name the next two, and name what is so special about these two.
Sample Formatting
How was this content formatted so that we can develop the content correctly?
Using the example to the right as a model, how would you complete the following? Try to complete the examples shown and then click on the problem to see the answer.
[insert example text]
(Washington, George), (Obama, Barack)
[end example text]
[insert flip-box set]
[box 1]
Front: (Reagan, a )
Back: (Reagan, Ronald)
[box 2]
Front: (Lincoln, b )
Back: (Lincoln, Abe)
[end flip-box set]
How did you do? We are naming the United States Presidents. See if you can name the next two, and name what is so special about these two.
[insert flip-box set]
[box 3]
Front: (Roosevelt,
c )
Back: (Roosevelt,
Theodore & Franklin)
[box 4]
Front: (Johnson, d )
Back: (Johnson,
Andrew & Lyndon)
[end flip-box set]
Examples
|
Social Studies 1 Sample |
View Sample |
|
Spanish 2 Sample |
View Sample |
|
Language Arts K Sample (with audio) |
View Sample |
Customizable Content
Below are the suggested specifications for using images and interactive components within this interactive.
Note: The latest version of the flip-box interactive has the
ability to flip back and forth, reducing the need for repeat
content on the front and back of the cards.
*Samples shown on this page may be the previous version
of the flip-box interactive that only allow one flip.
| Optimization |
Constraints:
|
| Nested Interactives? |
| No. Image and text based content only. |
| Audio/Video? |
|
Yes! One audio file can be used on the back only and will automatically play when flipped. Note: This feature is currently only available in ELA courses. |
Note: Interactive requests are subject to change, based on content type, image size and usability.
Formatting Template
To use a flip box in one of your lessons, copy and paste the text shown below, and replace the placeholder text with your own.
[insert flip-box set]
[box 1]
Front: front content
Back: back content
[box 2]
Front: front content
Back: back content
[box 3]
Front: front content
Back: back content
[end flip-box set]