Blog Post

E-Learning Challenges
1 MIN READ

Common E-Learning Interactions: Keep It or Toss It Drag-and-Drop #178

DavidAnderson's avatar
DavidAnderson
Staff
8 years ago

Keep It File It Interactions #178: Challenge | Recap

Challenge of the Week

This week, your challenge is to share an example of a keep-it-or-toss-it interaction. The examples above all focus around office and workplace topics. Feel free to apply this model to any industry or topic for your example.

Last Week’s Challenge:

Before you file or trash this week’s challenge, take a look at the revealing tooltip interactions your fellow community members shared over the past week:

Tooltips and Explorable Interactions RECAP #177: Challenge | Recap

Wishing you a great 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.

Published 8 years ago
Version 1.0
E-Learning Challenge
    • VeronicaBudnika's avatar
      VeronicaBudnika
      Super Hero
      8 years ago
      Welcome to the challenges Jenny!

      I really like the flat graphics you used :)
  • JamieBilling457's avatar
    JamieBilling457
    Community Member
    8 years ago
    I'm a bit late to this party also :-O

    I built this game yesterday, partly in response to the challenge but also to "train" my grandkids in the high art of sorting recycling and organics from garbage :-)

    This is a bit of a work in progress. I still need to add some sound effects for when an item is dropped in the correct container. I also need to fully animate the opening character. I sense an ongoing project in the works lol

    http://justinsite-elearning-solutions.ca/drag-drop-recycling-game/

    I'd love to learn how to do a few things to make this better. Is there a way to have the stars appear in order? Right now the state of each star is triggered by a specific item so the stars light up in the sequence that the items are dropped.
    • VeronicaBudnika's avatar
      VeronicaBudnika
      Super Hero
      8 years ago
      Way to go Jamie, that's great!

      Regarding your question on how to trigger the stars in order, you could do something like this:

      Star 1 (Normal / complete)
      Star 2 (Normal / complete)
      Star 3 (Normal / complete)

      Newspaper (normal / drop correct)
      Banana peel (normal / drop correct)
      Cereal box (normal / drop correct)

      Create number variable = Count, set at 0

      Trigger 1:
      Add 1 to Count when state of any (Newspaper, Banana peel, Cereal Box) is equal to Drop Correct

      Trigger 2/3/4 etc:
      Change state of Star 1 to complete when variable Count changes, on condition it is = 1
      Change state of Star 2 to complete when variable Count changes, on condition it is = 2
      Change state of Star 3 to complete when variable Count changes, on condition it is = 3

      I’ve done a quick mock up you can download so you can see how it works:
      https://drive.google.com/file/d/1Moobc9r94kfPdx1UrG9vhzNx6OQ64bK8/view?usp=sharing

      You’ll need to refine it a bit and consider what ifs. For example, what if the user drags an item onto the target, but then drags it off? (depending on what it is, I sometimes change drag objects to Disabled once dropped, so they can’t be dragged off)… and things like that, but you can build it and then get it tested to see what users are doing and how you can resolve any issues.

      Hope this helps!
      • JamieBilling457's avatar
        JamieBilling457
        Community Member
        8 years ago
        Awesome! Thanks so much!

        I've been avoiding variables like I avoided math class in high school. Should have learned my lesson by now lol I'm going to dig into this with purposeful intent, and much coffee!
  • JackieVanNice's avatar
    JackieVanNice
    Super Hero
    7 years ago
    As I was thinking about this challenge I kept going back to the sorting interaction in Rise. I thought it would be an interesting challenge to see if I could build a similar keep-it-or-toss-it sorting interaction in Storyline that could offer a few more features than Rise's but still be compatible with Rise's look and feel.

    It looks super simple (but took me forever!) and it's right here: http://www.jackievannice.com/challenge_178_193/index.html
    • VeronicaBudnika's avatar
      VeronicaBudnika
      Super Hero
      7 years ago
      Whaaatt? Are you saying you built that in Storyline??

      (So nice to see you back in the challenges Jackie!!
      • JackieVanNice's avatar
        JackieVanNice
        Super Hero
        7 years ago
        Hi Veronica!

        Thanks. :) The sorting interaction is what I built in SL, then embedded in Rise as a Storyline block. So that’s why I was trying to get the SL interaction to blend well with Rise’s look and feel. Does that make sense?

        One thing I hadn’t counted on was the text size changing so dramatically depending on whether I embedded it as S, M, or L in Rise. Also, that when you make it Small that you suddenly get a light gray line around it so that the background is no longer seamless.

        Anyway - it was a good learning experience, but if I were doing it for a real project I’d test the heck out of it beforehand to be sure I’ve chosen the right design elements and settings in both SL and Rise so I’m confident it’s going to look the way I’m envisioning it before I actually build.

        Thanks for checking it out, Veronica! :)