Hotspot gala! New, November 2021, Qwizcards version 3.65. We’re highlighting our new user-interaction options — all things hotspot. You can define active areas of an image with hover and/or click responses. Our first example we call “info only” – it shows additional info when you hover on a hotspot area. Give it a try!
[qwiz]
[h] Yosemite Valley info – hover on points of interest
[q hotspot_user_interaction=”info_only” hotspot_labels_stick=”hover_show”]
[/qwiz]
“Click-on challenge”
Our second example is a “find the right item” quiz. You’ll see a prompt at the bottom for the item you should click. In addition, a timer makes this activity a competitive challenge that our students have liked very much!
[qwiz style=” width: 600px !important; min-height: 350px !important;” quiz_timer=”true” qrecord_id=”dank-click-on_finish_times_demo”]
[h] Cellular Respiration Click-On Challenge
[q json=”true” xx=”1″ question_number=”1″ dataset_id=”cellular-respiration-click-on-challenge|2cc72646f3558″ hotspot_user_interaction=”label_prompt”] The clock at top right will time this quiz. A “fastest finish times” leaderboard and graph comparing times for students in a class will be displayed when you’re done. (In this case, the students/times are just demo data; in all cases students are not named.)
Excellent. The phosphate groups are at number 3.
Nice job. Number 1 is the 5 carbon sugar ribose.
Nice! “2” is adenine
[q json=”true” xx=”1″ dataset_id=”cellular-respiration-click-on-challenge|728adc5037b3d” question_number=”2″ hotspot_user_interaction=”label_prompt”] ATP-ADP cycle hotspot questions
Excellent! You clicked on ATP
Way to go! That’s ADP.
Fabulous. A represents energy for transforming ADP + P into ATP
Way to go. B represents energy available for cellular work.
Excellent!
[/qwiz]
Highlighted hotspots
Our last example shows another user interaction – image objects are highlighted and labeled on hover. Notice that we’ve very precisely defined particular parts of this diagram – and it’s easy to do! We have a “paint fill” feature for defining irregular hotspot areas, as well as options for ellipse, rectangle, and hand-drawn areas.
[qwiz style=”width: 650px !important; min-height: 400px !important;”]
[q hotspot_user_interaction=”info_only” show_hotspots=”hover_show” hotspot_labels_stick=”hover_show keep”] Hover to identify parts of this plant cell
[/qwiz]