{"id":1564,"date":"2016-10-15T20:31:27","date_gmt":"2016-10-15T23:31:27","guid":{"rendered":"http:\/\/ashleychiasson.com\/blog\/?p=1564"},"modified":"2016-10-15T20:31:27","modified_gmt":"2016-10-15T23:31:27","slug":"e-learning-challenge-149-using-notecard-interactions-in-e-learning","status":"publish","type":"post","link":"https:\/\/ashleychiasson.com\/blog\/e-learning-challenge-149-using-notecard-interactions-in-e-learning\/","title":{"rendered":"E-Learning Challenge #149 – Using Notecard Interactions in E-Learning"},"content":{"rendered":"

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

This week’s challenge was to share an example of how notecard interactions can be used in e-learning. My gut instinct was to go with my favourite style for learning objective click and reveal interactions:<\/p>\n

\"Screen<\/p>\n

But then I haven’t participated in the ELH Challenges lately, so I figured it would be nice to whip something up quickly.<\/p>\n

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

In considering this challenge, I got Pantone colour chips in my head…not sure why, but that’s where my Saturday night brain was going, so I thought it might be neat to have Pantone-style chips that when clicked, reveal the year in which the colour was Pantone’s colour of the year.<\/p>\n

To do this, I created the chips, with two shapes: 1 rectangle with a white fill, no border, and a lower-left shadow. The next shape was used for the text, it was a rectangle with white fill and no border. I then looked up a group of Pantone’s colours of the year, took a screenshot, and tossed the image into Storyline as a basis. For the colour section of the chip, I used the colour picker to achieve accurate swatches, and then added the text to the lower rectangle.<\/p>\n

I copied these shapes three more times, for four shapes in total and repeated the process. Once finished, I grouped each chip’s shapes, added a trigger to show layer, and created a new layer for each chip; on this layer, I simply added the year in which the colour was Pantone’s colour of the year.<\/p>\n

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

\"screen-shot-2016-10-15-at-8-29-53-pm\"<\/p>\n

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

The Concept This week’s challenge was to share an example of how notecard interactions can be used in e-learning. My gut instinct was to go with my favourite style for learning objective click and reveal interactions: But then I haven’t participated in the ELH Challenges lately, so I figured it would be nice to whip […]<\/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-pe","_links":{"self":[{"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/posts\/1564"}],"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=1564"}],"version-history":[{"count":1,"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/posts\/1564\/revisions"}],"predecessor-version":[{"id":1566,"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/posts\/1564\/revisions\/1566"}],"wp:attachment":[{"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/media?parent=1564"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/categories?post=1564"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/tags?post=1564"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}