Join Daniel Brigham for an in-depth discussion in this video Creating a Drag and Drop question, part of Learning Articulate Studio '13.
I'd now like to talk about one of my favorite aspects of Quizmaker and that is the free form question. Free form questions inspire a fresh approach, and they also allow me to create different looks on screen. Within the free form questions, you can create the drag and drop in which any element is draggable. A pick one or pick many type of question in which shapes or images are the answer choices. You can also create a text entry and hot spot type of question.
In this movie, I'll build a drag and drop question, around why people choose to install solar systems. To build a drag and drop from Question view, select Freeform Question>Drag and Drop>Insert. When you create a drag and drop, you are prompted to begin in Slide view, and that makes sense. Because such questions are focused more on the graphics. I will get started by right clicking off slide, select my Layout > Question Layout.
And that gives us a properly formatted text box in which to place my question. So the basic format for this question will be, a list of common reasons why people go solar. I'll have a sun over here and then I'll drag the common reasons into the sun. It's a little bit different. For drag and drops I want to name each element on screen in the timeline, because when I set the drag items and drop targets I'll need to know what element is what. Let me drag this timeline up a little bit so you can see it.
So here's our question prompt. I'll double-click in this space to the left of that element on the timeline and then give it a meaningful name. Okay, now it's time to insert the sun, which is kind of fun to say. So I'll select Insert > Shape. I'll select an oval, drag out a big oval. Suns aren't that color so I am going to right-click > Format Shape. My Fill Color is Solid Fill. I'll select from the drop down. Your colors might be slightly different, but I'll choose this kind of orange-yellow here. The Line Color, I'll turn the line off or no line. Select Close. Let's see, what else can we do to this sun? It's highlighted, so go to Format > Shape Effects. How about a little glow? Maybe this one down here. Last one, Accent Color Two. That looks pretty good. It has a kind of nice glow there. Using the arrow keys I'm going to right-arrow a little bit.
I might make the sun a little bit smaller. Okay, so we've inserted our sun. Let's bring this timeline up a little bit, and name it. It's called The Sun. Now, I'll insert our answer choices, which are really just a series of text boxes. Go up to Insert > Text Box, click and drag, open a active text box here, type in my first answer, which is Protect the Environment. Okay, let me format it a little bit. I can tell it's in Articulate, so I'll select it. Select the font that I want. And I'm dragging that text box in a bit, because I want it to be able to fit in the sun. That's something I'm going to to be aware of as I continue to build this. So, there is our first answer choice.
Let's name it in the timeline. Select Enter to lock it in. Now, I have three more answer choices. I could go through that process three more times or I could just duplicate this by select Ctrl+D three times. There I have my three additional text boxes. Let me drag these down so I can work with them. Second answer choice is the distractor, the wrong answer. Low Up-Front Costs. Course that's not always true. I drag up this time line so you can see how I'm renaming. So Low Up Front Costs is selected.
I'll give it a meaningful name. Third answer, Save Money. Course that's true. Name it in the timeline. Last answer, Invest In Their Home. Name it in the timeline. Okay, so let's align these answer choices, holding down the Shift key. I'll select all of them. I'll go up to Format > Align > Align Left First, and then Align Distribute Vertically. So now they're all selected, I want to move them all down a little bit so they're more in the middle of the sun, maybe to the, a little bit to the left so they line up with this D.
That looks good enough for me. Now I'll switch over to Form View so I can set the drag items and drop targets. So the drag items, I'll select in here. Okay, what do we want to drag? Well, we want to drag the Protect Environment. Where do we want to drag it? Into the sun. And now, we repeat that process. What about Low Upfront Costs? Well that's our distractor so that doesn't go anywhere, we're selecting None for that. Save Money, what's the drop target there? The sun. Last one, Invest In Their Home. What's the drop target? The sun. Regarding display and scoring options, I want to make sure Shuffle is off, which it is.
And I want to give the learners two attempts at this. And when you select more than one attempt, you are going to get some try again feedback that the learner is going to see. I want to help the learner out here. So, I am going to give them some meaningful try again feedback, and that is that upfront costs for solar may actually be substantial. Last thing I want to do before I preview this is to set the drop target options to Free, and that's over here on the right, Drop Target options, select the drop-down. We'll select Free. That way the learner can place answer choices anywhere they want within the drop target.
Okay so let's see how this looks. See if we need to make any changes. Preview this slide. And I'll get it wrong the first time so we can see that. Try again feedback. Let's see, I think it's a trick question. They're all common reasons. Select Submit. Oh, incorrect. Up front costs may actually be substantial. Okay, let's try it again. We'll drag this out. Select Submit. Cool it's working the way I want it to work. And that is how you build a drag and drop in Quizmaker. In the next movie, we'll be building another type of free form question, the Hot Spot.
- Adding content to slides
- Recording narration
- Adding resource documents
- Building and inserting Engage interactions
- Adding media to quizzes
- Creating free-form questions
- Recording and editing a screencast
- Publishing an Articulate Studio project