Commit abd1f6a6 by Sola

many changes

parent 3c60cb0a
CHANGEchange
This is the Crowd Sourced Hinter XBlock. The Crowd Sourced Hinter provides students
with hints when they incorrectly answer a numerical-or text-input problem. Additionally,
the hints that are provided to students are student-made hints.
This XBlock is still under construction. Functionalities to set default hints, properly moderate flagged hints, and lots of improvements to user interface are to be done soon.
backlog: https://docs.google.com/a/edx.org/document/d/1lOBLZWohwRmnfgwz53gc4b4GdfP4EER3UNohdYfcEJU/edit#
![CrowdSourcedHinter Hint Screenshot](crowdsourcedhinter_hint.png)
![CrowdSourcedHinter Student Feedback Screenshot](crowdsourcedhinter_feedback.png)
To bring the crowd sourced hinter into a demo course:
First, follow https://github.com/edx/edx-platform/blob/master/docs/en_us/developers/source/xblocks.rst#testing for general xblock creation.
The name of the module will be "crowdxblock" in advanced settings.
After creating a new unit, add the crowdsourcedhinter xblock just like any other custom xblock. The name of the crowd sourced hinter may not show up for some reason, but an empty space where its name should be will be clickable.
Testing the functionality of the crowd sourced hinter works best when switching between different users and answering the same problem within a unit.
After a student incorrectly answers a problem, a hint will be provided. This hint will either be a default hint or a hint that has been submitted specifically for that incorrect answer (if such a hint has previously been submitted). If multiple hints exist for a single incorrect answer, the current system will choose the highest rated hint to show the student.
After a student has correctly answered the problem, they can give feedback on hints. Students can upvote, downvote, or flag the hint that they recieved for each aswer as well as 2 other hints that exist for that aswer (if these exist). Students also can submit new hints for their answer.
......@@ -4,10 +4,10 @@
font-weight: bold;
}
.crowdxblock_block button {
/*.crowdxblock_block {
cursor: pointer;
background: rgb(0,0,200);
}
}*/
.crowdxblock_block .crowdsource-wrapper {
box-shadow: inset 0 1px 2px 1px rgba(0,0,0,0.1);
......@@ -22,19 +22,31 @@
padding-left: 15px;
padding-right: 15px;
font-size: 16px;
}
.crowdxblock_block .hintsarea {
border-style: solid;
border-width: thin;
border-color: rgb(200,200,200);
}
/*.crowdxblock_block .hintbutton {
height: 10px;
}*/
.crowdxblock_block .vote {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.crowdxblock_block .hintbutton {
background: rgb(230, 250,230);
}
.crowdxblock_block .hintsarea {
/*.crowdxblock_block .hintbutton {
}*/
/*.crowdxblock_block .hintsarea {
width: 600px;
padding: 10px;
border: 5px solid gray;
margin: 0px;
}
}*/
......@@ -4,10 +4,10 @@
font-weight: bold;
}
.crowdxblock_block button {
/*.crowdxblock_block {
cursor: pointer;
background: rgb(0,0,200);
}
}*/
.crowdxblock_block .crowdsource-wrapper {
box-shadow: inset 0 1px 2px 1px rgba(0,0,0,0.1);
......@@ -22,19 +22,35 @@
padding-left: 15px;
padding-right: 15px;
font-size: 16px;
}
.crowdxblock_studio .studio_textarea {
width: 400px;
}
.crowdxblock_block .hintsarea {
border-style: solid;
border-width: thin;
border-color: rgb(200,200,200);
}
/*.crowdxblock_block .hintbutton {
height: 10px;
}*/
.crowdxblock_block .vote {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.crowdxblock_block .hintbutton {
background: rgb(230, 250,230);
}
.crowdxblock_block .hintsarea {
width: 300px;
/*.crowdxblock_block .hintbutton {
}*/
/*.crowdxblock_block .hintsarea {
width: 600px;
padding: 10px;
border: 5px solid gray;
margin: 0px;
}
}*/
<div class="crowdxblock_block"> <!--most stuff just for testing purposes-->
<p> <img src="demoproblem.png">
</p>
<p> <span class='HintsToUse'>{self.HintsToUse}</span>
</p>
<span><br><span> Dummy answer submission below: </span></span>
<section id="studentinput" class="textinput">
<input type="text" name="studentanswer" id="studentsubmit" class="notmath" size="40">
<input id="studentanswer" type="button" class="button" value="Submit Answer">
</div>
<div class="crowdxblock_block">
......@@ -22,7 +17,7 @@
</div>
<p>
<input id="caus" type="button" class="button" value="clearAllUserState">
</p>
<section class="action">
......@@ -32,6 +27,8 @@
</div></section></span>
</section>
<section class="crowdsource-wrapper">
</section>
</section>
......
<div class="crowdxblock_block"> <!--most stuff just for testing purposes-->
<p> <img src="demoproblem.png">
</p>
<p> <span class='HintsToUse'>{self.HintsToUse}</span>
</p>
<span><br><span> Dummy answer submission below: </span></span>
<section id="studentinput" class="textinput">
<input type="text" name="studentanswer" id="studentsubmit" class="notmath" size="40">
<input id="studentanswer" type="button" class="button" value="Submit Answer">
</div>
<div class="crowdxblock_block">
......@@ -22,7 +17,7 @@
</div>
<p>
<input id="caus" type="button" class="button" value="clearAllUserState">
</p>
<section class="action">
......@@ -32,6 +27,8 @@
</div></section></span>
</section>
<section class="crowdsource-wrapper">
</section>
</section>
......
setup.py
crowdxblock/__init__.py
crowdxblock/crowdxblock.py
crowdxblock/static/README.txt
crowdxblock/static/css/crowdxblock.css
crowdxblock/static/css/crowdxblock.css~
crowdxblock/static/html/crowdxblock.html
crowdxblock/static/html/crowdxblock.html~
crowdxblock/static/html/demoproblem.png
crowdxblock/static/js/src/crowdxblock.js
crowdxblock/static/js/src/crowdxblock.js~
crowdxblock_xblock.egg-info/PKG-INFO
crowdxblock_xblock.egg-info/SOURCES.txt
crowdxblock_xblock.egg-info/dependency_links.txt
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment