Notecard Interactions in E-Learning #148

Notecard Interactions in E-Learning #149: Challenge | Recap

Notecard interactions are a simple click-and-reveal activity that lets learners explore virtually any type of content in a freeform way by clicking notes on the slide. You can use notecard-style interactions to: 

Challenge of the Week

This week, your challenge is to share an example that demonstrates how notecard interactions can be used in e-learning.

NOTE: Your entry can be anything from a rough concept to a polished example. The challenges are open to everyone, regardless of experience or skill level. If you need technical or creative help with your project, please ask in our forums and reference the challenge number you’re working on.

Resources

Notecard Interactions in E-Learning

Downloads and Tutorials

Last Week’s Challenge:

Before you check out this week’s challenge, take note of the amazing checklist interactions your fellow community members shared over the past week:

Checklist Interactions in E-Learning

Checklist Interactions in E-Learning RECAP #148: Challenge | Recap

 

Wishing you a noteworthy week, E-learning Heroes!

New to the E-Learning Challenges?

The weekly e-learning challenges are ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of the previous challenges anytime you want. I’ll update the recap posts to include your demos.

***NOTE: Please don’t use Google Drive or Dropbox to host your projects. Both companies have announced that they’re no longer going to support HTML projects.

You can use our Dropbox file request link to send me your zipped output: https://www.dropbox.com/request/jrqHXAxWwbts234Y4xak. Please include your first and last name and challenge number in the file name: DavidAnderson_122.zip.

224 Comments
Richard Hill
Montse Anderson
Mohammad  Hassam
Richard Watson
Joanne Chen
Niels Rop
Brandon Lynn

Thanks, Dianne! I like to mess around with the timeline to take advantage of entrance and exit animations. What I did was create 2 copies of each flash card and stacked them in order to create two sets of flashcards on the timeline. I then staggered them, so that when the first flash card exited the timeline (fly out - to top), the second version of that flash card entered (fly in - from top). Since the animations were set to .25 seconds, it all happens so quickly it looks like the card just slides out of the deck and returns to the deck at the bottom of the stack. Hopefully that makes sense. Then I just set the timeline to pause after each exit/entrance animation and created hotspots for the user to resume the timeline. Then I created a trigger to jump to the same slide at the end of the ... Expand

Roman Stotland

Awesome job Brandon, as everyone already stated :) One of our instructional designers saw this and wanted a "template" for future use so I got to work recreating what you posted, a bit different. I must say that doing the animation for the card shuffle took some time. but if anyone is interested here is the way I accomplished it. http://aws-website-romanstotland-pffde.s3-website-us-east-1.amazonaws.com/articulate/flashcards/story.html Searching the forums just showed that many were interested in doing the same thing but not very successfully. I didnt want to have 2 cards for every card, so i ended up using one card as the animation that replays with a motion path instead of an enter/exit animation. Here is the story file as well in case anyone wants to poke around. It has s... Expand

Niyeda Suliveres