09d3ca0ab6
Fixed bug when hinter module displays a hint, then is asked to display nothing. (Used to not update in this case.)
131 lines
4.2 KiB
HTML
131 lines
4.2 KiB
HTML
## The hinter module passes in a field called ${op}, which determines which
|
|
## sub-function to render.
|
|
|
|
|
|
<%def name="get_hint()">
|
|
% if best_hint != '':
|
|
<h4> Hints from students who made similar mistakes: </h4>
|
|
<ul>
|
|
<li> ${best_hint} </li>
|
|
% endif
|
|
% if rand_hint_1 != '':
|
|
<li> ${rand_hint_1} </li>
|
|
% endif
|
|
% if rand_hint_2 != '':
|
|
<li> ${rand_hint_2} </li>
|
|
% endif
|
|
</ul>
|
|
</%def>
|
|
|
|
<%def name="get_feedback()">
|
|
<p><em> Participation in the hinting system is strictly optional, and will not influence your grade. </em></p>
|
|
<p>
|
|
Help your classmates by writing hints for this problem. Start by picking one of your previous incorrect answers from below:
|
|
</p>
|
|
|
|
<div id="answer-tabs">
|
|
<ul>
|
|
% for index, answer in index_to_answer.items():
|
|
<li><a href="#previous-answer-${index}"> ${answer} </a></li>
|
|
% endfor
|
|
</ul>
|
|
|
|
% for index, answer in index_to_answer.items():
|
|
<div class = "previous-answer" id="previous-answer-${index}">
|
|
<div class = "hint-inner-container">
|
|
% if index in index_to_hints and len(index_to_hints[index]) > 0:
|
|
<p>
|
|
Which hint would be most effective to show a student who also got ${answer}?
|
|
</p>
|
|
% for hint_text, hint_pk in index_to_hints[index]:
|
|
<p>
|
|
<input class="vote" data-answer="${index}" data-hintno="${hint_pk}" type="button" value="Vote"/>
|
|
${hint_text}
|
|
</p>
|
|
% endfor
|
|
<p>
|
|
Don't like any of the hints above? You can also submit your own.
|
|
</p>
|
|
% endif
|
|
<p>
|
|
What hint would you give a student who made the same mistake you did? Please don't give away the answer.
|
|
</p>
|
|
<textarea cols="50" class="custom-hint" id="custom-hint-${index}">
|
|
What would you say to help someone who got this wrong answer?
|
|
(Don't give away the answer, please.)
|
|
</textarea>
|
|
<br/><br/>
|
|
<input class="submit-hint" data-answer="${index}" type="button" value="submit">
|
|
</div></div>
|
|
% endfor
|
|
</div>
|
|
|
|
<p>Read about <a class="expand-goodhint" href="javascript:void(0);">what makes a good hint</a>.</p>
|
|
<div class="goodhint" style="display:none">
|
|
<h4>What makes a good hint?</h4>
|
|
|
|
<p>It depends on the type of problem you ran into. For stupid errors --
|
|
an arithmetic error or similar -- simply letting the student you'll be
|
|
helping to check their signs is sufficient.</p>
|
|
|
|
<p>For deeper errors of understanding, the best hints allow students to
|
|
discover a contradiction in how they are thinking about the
|
|
problem. An example that clearly demonstrates inconsistency or
|
|
<a href="http://en.wikipedia.org/wiki/Cognitive_dissonance" target="_blank"> cognitive dissonace </a>
|
|
is ideal, although in most cases, not possible.</p>
|
|
|
|
<p>
|
|
Good hints either:
|
|
<ul>
|
|
<li> Point out the specific misunderstanding your classmate might have </li>
|
|
<li> Point to concepts or theories where your classmates might have a
|
|
misunderstanding </li>
|
|
<li> Show simpler, analogous examples. </li>
|
|
<li> Provide references to relevant parts of the text </li>
|
|
</ul>
|
|
</p>
|
|
|
|
<p>Still, remember even a crude hint -- virtually anything short of
|
|
giving away the answer -- is better than no hint.</p>
|
|
|
|
<p>
|
|
<a href="http://www.apa.org/education/k12/misconceptions.aspx?item=2" target="_blank">Learn even more</a>
|
|
</p> </div>
|
|
|
|
</%def>
|
|
|
|
<%def name="show_votes()">
|
|
% if hint_and_votes is UNDEFINED:
|
|
Sorry, but you've already voted!
|
|
% else:
|
|
Thank you for voting!
|
|
<br />
|
|
% for hint, votes in hint_and_votes:
|
|
<span style="color:green"> ${votes} votes. </span>
|
|
${hint}
|
|
<br />
|
|
% endfor
|
|
% endif
|
|
</%def>
|
|
|
|
<%def name="simple_message()">
|
|
${message}
|
|
</%def>
|
|
|
|
% if op == "get_hint":
|
|
${get_hint()}
|
|
% endif
|
|
|
|
% if op == "get_feedback":
|
|
${get_feedback()}
|
|
% endif
|
|
|
|
% if op == "submit_hint":
|
|
${simple_message()}
|
|
% endif
|
|
|
|
% if op == "vote":
|
|
${show_votes()}
|
|
% endif
|
|
|