{"id":1112,"date":"2015-10-03T15:59:56","date_gmt":"2015-10-03T18:59:56","guid":{"rendered":"http:\/\/ashleychiasson.com\/blog\/?p=1112"},"modified":"2015-10-03T15:59:56","modified_gmt":"2015-10-03T18:59:56","slug":"e-learning-challenge-3-gate-screens-in-online-courses","status":"publish","type":"post","link":"https:\/\/ashleychiasson.com\/blog\/e-learning-challenge-3-gate-screens-in-online-courses\/","title":{"rendered":"E-Learning Challenge #3 – Gate Screens in Online Courses"},"content":{"rendered":"

A rainy weekend is the perfect time to catch up on some e-learning challenges, and I’m really digging deep into the archives for this one!<\/p>\n

The Concept<\/strong><\/p>\n

This challenge<\/a> was to develop a gate screen for course content. It was specifically requested to develop two slides, but I feel like the gate screen is pretty self-explanatory, so I opted out of the second slide.<\/p>\n

The Method<\/strong><\/p>\n

I knew I wanted an elegant looking gate screen, so I chose a background image relevant to my content (in this case, driver training tips – specifically, tips for driving in the rain). I then added shapes to create a sleep looking ‘popup’ box with second shape at the top, posing the question.<\/p>\n

Some of the best gate screens I’ve seen operate as knowledge checks, so that’s the style I chose. I created a multi-response question with two layers. One layer for correct (with a green banner and a continue link) and one layer for incorrect (with a red banner and a continue link).<\/p>\n

For the multi-response question, I used checkboxes so the user could see which selections they made when the feedback appears.\u00a0I then added triggers to show the correct layer if Checkbox 1, 2, and 3 are selected IF Checkbox 4 is not equal to Selected, and a trigger to show the incorrect layer if Checkbox 4 is selected.<\/p>\n

The Result<\/strong><\/p>\n


\n<\/a> \"Screen<\/a><\/p>\n

\n

Click Here<\/a> to view the full interaction.<\/p>\n","protected":false},"excerpt":{"rendered":"

A rainy weekend is the perfect time to catch up on some e-learning challenges, and I’m really digging deep into the archives for this one! The Concept This challenge was to develop a gate screen for course content. It was specifically requested to develop two slides, but I feel like the gate screen is pretty […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","jetpack_post_was_ever_published":false,"jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":[]},"categories":[3],"tags":[10],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p4s3cq-hW","_links":{"self":[{"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/posts\/1112"}],"collection":[{"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/comments?post=1112"}],"version-history":[{"count":1,"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/posts\/1112\/revisions"}],"predecessor-version":[{"id":1116,"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/posts\/1112\/revisions\/1116"}],"wp:attachment":[{"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/media?parent=1112"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/categories?post=1112"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/tags?post=1112"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}