Updated XML example in docs for Drag and Drop.
This commit is contained in:
Valera Rozuvan
committed by
Alexander Kryklia
Alexander Kryklia
parent
a9e7890d6b
commit
533a1693b3
@@ -1,5 +1,260 @@
|
||||
<problem display_name="Drag and drop demo" >
|
||||
|
||||
<customresponse>
|
||||
<text>
|
||||
<h3>Please set hydrogen atoms to LEFT carbon atom</h3>
|
||||
<br />
|
||||
</text>
|
||||
|
||||
<drag_and_drop_input img="images_list/ethglycol.jpg" target_outline="true"
|
||||
one_per_target="true" no_labels="true">
|
||||
<draggable id="1" label="Hydrogen" />
|
||||
<draggable id="2" label="Hydrogen" />
|
||||
|
||||
<target id="t1_o" x="10" y="67" w="100" h="100"/>
|
||||
<target id="t2" x="133" y="3" w="70" h="70"/>
|
||||
<target id="t3" x="2" y="384" w="70" h="70"/>
|
||||
<target id="t4" x="95" y="386" w="70" h="70"/>
|
||||
<target id="t5_c" x="94" y="293" w="91" h="91"/>
|
||||
<target id="t6_c" x="328" y="294" w="91" h="91"/>
|
||||
<target id="t7" x="393" y="463" w="70" h="70"/>
|
||||
<target id="t8" x="344" y="214" w="70" h="70"/>
|
||||
<target id="t9_o" x="445" y="162" w="100" h="100"/>
|
||||
<target id="t10" x="591" y="132" w="70" h="70"/>
|
||||
|
||||
</drag_and_drop_input>
|
||||
|
||||
<answer type="loncapa/python"><![CDATA[
|
||||
correct_answer = [
|
||||
{'draggables': ['1', '2'],
|
||||
'targets': ['t2', 't3', 't4' ],
|
||||
'rule':'anyof'
|
||||
}]
|
||||
if draganddrop.grade(submission[0], correct_answer):
|
||||
correct = ['correct']
|
||||
else:
|
||||
correct = ['incorrect']
|
||||
]]></answer>
|
||||
</customresponse>
|
||||
|
||||
<customresponse>
|
||||
<text>
|
||||
<h3>Describe carbon molecule in LCAO-MO</h3>
|
||||
<br />
|
||||
</text>
|
||||
|
||||
<drag_and_drop_input img="images_list/lcao-mo/lcao-mo.jpg" target_outline="true" >
|
||||
|
||||
<!-- filled bond -->
|
||||
<draggable id="1" icon="images_list/lcao-mo/u_d.png" />
|
||||
<draggable id="2" icon="images_list/lcao-mo/u_d.png" />
|
||||
<draggable id="3" icon="images_list/lcao-mo/u_d.png" />
|
||||
<draggable id="4" icon="images_list/lcao-mo/u_d.png" />
|
||||
<draggable id="5" icon="images_list/lcao-mo/u_d.png" />
|
||||
<draggable id="6" icon="images_list/lcao-mo/u_d.png" />
|
||||
|
||||
<!-- up bond -->
|
||||
<draggable id="7" icon="images_list/lcao-mo/up.png"/>
|
||||
<draggable id="8" icon="images_list/lcao-mo/up.png"/>
|
||||
<draggable id="9" icon="images_list/lcao-mo/up.png"/>
|
||||
<draggable id="10" icon="images_list/lcao-mo/up.png"/>
|
||||
|
||||
<!-- sigma -->
|
||||
<draggable id="11" icon="images_list/lcao-mo/sigma.png"/>
|
||||
<draggable id="12" icon="images_list/lcao-mo/sigma.png"/>
|
||||
|
||||
<!-- sigma* -->
|
||||
<draggable id="13" icon="images_list/lcao-mo/sigma_s.png"/>
|
||||
<draggable id="14" icon="images_list/lcao-mo/sigma_s.png"/>
|
||||
|
||||
<!-- pi -->
|
||||
<draggable id="15" icon="images_list/lcao-mo/pi.png" />
|
||||
|
||||
<!-- pi* -->
|
||||
<draggable id="16" icon="images_list/lcao-mo/pi_s.png" />
|
||||
|
||||
<!-- images that should not be dragged -->
|
||||
<draggable id="17" icon="images_list/lcao-mo/d.png" />
|
||||
<draggable id="18" icon="images_list/lcao-mo/d.png" />
|
||||
|
||||
<!-- positions of electrons and electron pairs -->
|
||||
<target id="s_left" x="130" y="360" w="32" h="32"/>
|
||||
<target id="s_right" x="505" y="360" w="32" h="32"/>
|
||||
<target id="s_sigma" x="320" y="425" w="32" h="32"/>
|
||||
<target id="s_sigma_star" x="320" y="290" w="32" h="32"/>
|
||||
<target id="p_left_1" x="80" y="100" w="32" h="32"/>
|
||||
<target id="p_left_2" x="125" y="100" w="32" h="32"/>
|
||||
<target id="p_left_3" x="175" y="100" w="32" h="32"/>
|
||||
<target id="p_right_1" x="465" y="100" w="32" h="32"/>
|
||||
<target id="p_right_2" x="515" y="100" w="32" h="32"/>
|
||||
<target id="p_right_3" x="560" y="100" w="32" h="32"/>
|
||||
<target id="p_pi_1" x="290" y="220" w="32" h="32"/>
|
||||
<target id="p_pi_2" x="335" y="220" w="32" h="32"/>
|
||||
<target id="p_sigma" x="315" y="170" w="32" h="32"/>
|
||||
<target id="p_pi_star_1" x="290" y="40" w="32" h="32"/>
|
||||
<target id="p_pi_star_2" x="340" y="40" w="32" h="32"/>
|
||||
<target id="p_sigma_star" x="315" y="0" w="32" h="32"/>
|
||||
|
||||
<!-- positions of names of energy levels -->
|
||||
<target id="s_sigma_name" x="400" y="425" w="32" h="32"/>
|
||||
<target id="s_sigma_star_name" x="400" y="290" w="32" h="32"/>
|
||||
<target id="p_pi_name" x="400" y="220" w="32" h="32"/>
|
||||
<target id="p_sigma_name" x="400" y="170" w="32" h="32"/>
|
||||
<target id="p_pi_star_name" x="400" y="40" w="32" h="32"/>
|
||||
<target id="p_sigma_star_name" x="400" y="0" w="32" h="32"/>
|
||||
|
||||
</drag_and_drop_input>
|
||||
|
||||
<answer type="loncapa/python"><![CDATA[
|
||||
correct_answer = [
|
||||
{
|
||||
'draggables': ['1', '2', '3', '4', '5', '6'],
|
||||
'targets': [
|
||||
's_left', 's_right', 's_sigma', 's_sigma_star', 'p_pi_1', 'p_pi_2'
|
||||
],
|
||||
'rule': 'anyof'
|
||||
}, {
|
||||
'draggables': ['7','8', '9', '10'],
|
||||
'targets': ['p_left_1', 'p_left_2', 'p_right_1','p_right_2'],
|
||||
'rule': 'anyof'
|
||||
}, {
|
||||
'draggables': ['11', '12'],
|
||||
'targets': ['s_sigma_name', 'p_sigma_name'],
|
||||
'rule': 'anyof'
|
||||
}, {
|
||||
'draggables': ['13', '14'],
|
||||
'targets': ['s_sigma_star_name', 'p_sigma_star_name'],
|
||||
'rule': 'anyof'
|
||||
}, {
|
||||
'draggables': ['15'],
|
||||
'targets': ['p_pi_name'],
|
||||
'rule': 'anyof'
|
||||
}, {
|
||||
'draggables': ['16'],
|
||||
'targets': ['p_pi_star_name'],
|
||||
'rule': 'anyof'
|
||||
}]
|
||||
|
||||
if draganddrop.grade(submission[0], correct_answer):
|
||||
correct = ['correct']
|
||||
else:
|
||||
correct = ['incorrect']
|
||||
]]></answer>
|
||||
</customresponse>
|
||||
|
||||
<customresponse>
|
||||
<text>
|
||||
<h3>Describe oxygen molecule in LCAO-MO</h3>
|
||||
<br />
|
||||
</text>
|
||||
|
||||
<drag_and_drop_input img="images_list/lcao-mo/lcao-mo.jpg" target_outline="true" one_per_target="true">
|
||||
<!-- filled bond -->
|
||||
<draggable id="1" icon="images_list/lcao-mo/u_d.png" />
|
||||
<draggable id="2" icon="images_list/lcao-mo/u_d.png" />
|
||||
<draggable id="3" icon="images_list/lcao-mo/u_d.png" />
|
||||
<draggable id="4" icon="images_list/lcao-mo/u_d.png" />
|
||||
<draggable id="5" icon="images_list/lcao-mo/u_d.png" />
|
||||
<draggable id="6" icon="images_list/lcao-mo/u_d.png" />
|
||||
<draggable id="v_fb_1" icon="images_list/lcao-mo/u_d.png" />
|
||||
<draggable id="v_fb_2" icon="images_list/lcao-mo/u_d.png" />
|
||||
<draggable id="v_fb_3" icon="images_list/lcao-mo/u_d.png" />
|
||||
|
||||
<!-- up bond -->
|
||||
<draggable id="7" icon="images_list/lcao-mo/up.png"/>
|
||||
<draggable id="8" icon="images_list/lcao-mo/up.png"/>
|
||||
<draggable id="9" icon="images_list/lcao-mo/up.png"/>
|
||||
<draggable id="10" icon="images_list/lcao-mo/up.png"/>
|
||||
<draggable id="v_ub_1" icon="images_list/lcao-mo/up.png"/>
|
||||
<draggable id="v_ub_2" icon="images_list/lcao-mo/up.png"/>
|
||||
|
||||
<!-- sigma -->
|
||||
<draggable id="11" icon="images_list/lcao-mo/sigma.png"/>
|
||||
<draggable id="12" icon="images_list/lcao-mo/sigma.png"/>
|
||||
|
||||
<!-- sigma* -->
|
||||
<draggable id="13" icon="images_list/lcao-mo/sigma_s.png"/>
|
||||
<draggable id="14" icon="images_list/lcao-mo/sigma_s.png"/>
|
||||
|
||||
<!-- pi -->
|
||||
<draggable id="15" icon="images_list/lcao-mo/pi.png" />
|
||||
|
||||
<!-- pi* -->
|
||||
<draggable id="16" icon="images_list/lcao-mo/pi_s.png" />
|
||||
|
||||
<!-- images that should not be dragged -->
|
||||
<draggable id="17" icon="images_list/lcao-mo/d.png" />
|
||||
<draggable id="18" icon="images_list/lcao-mo/d.png" />
|
||||
|
||||
<!-- positions of electrons and electron pairs -->
|
||||
<target id="s_left" x="130" y="360" w="32" h="32"/>
|
||||
<target id="s_right" x="505" y="360" w="32" h="32"/>
|
||||
<target id="s_sigma" x="320" y="425" w="32" h="32"/>
|
||||
<target id="s_sigma_star" x="320" y="290" w="32" h="32"/>
|
||||
<target id="p_left_1" x="80" y="100" w="32" h="32"/>
|
||||
<target id="p_left_2" x="125" y="100" w="32" h="32"/>
|
||||
<target id="p_left_3" x="175" y="100" w="32" h="32"/>
|
||||
<target id="p_right_1" x="465" y="100" w="32" h="32"/>
|
||||
<target id="p_right_2" x="515" y="100" w="32" h="32"/>
|
||||
<target id="p_right_3" x="560" y="100" w="32" h="32"/>
|
||||
<target id="p_pi_1" x="290" y="220" w="32" h="32"/>
|
||||
<target id="p_pi_2" x="335" y="220" w="32" h="32"/>
|
||||
<target id="p_sigma" x="315" y="170" w="32" h="32"/>
|
||||
<target id="p_pi_star_1" x="290" y="40" w="32" h="32"/>
|
||||
<target id="p_pi_star_2" x="340" y="40" w="32" h="32"/>
|
||||
<target id="p_sigma_star" x="315" y="0" w="32" h="32"/>
|
||||
|
||||
<!-- positions of names of energy levels -->
|
||||
<target id="s_sigma_name" x="400" y="425" w="32" h="32"/>
|
||||
<target id="s_sigma_star_name" x="400" y="290" w="32" h="32"/>
|
||||
<target id="p_pi_name" x="400" y="220" w="32" h="32"/>
|
||||
<target id="p_pi_star_name" x="400" y="40" w="32" h="32"/>
|
||||
<target id="p_sigma_name" x="400" y="170" w="32" h="32"/>
|
||||
<target id="p_sigma_star_name" x="400" y="0" w="32" h="32"/>
|
||||
|
||||
</drag_and_drop_input>
|
||||
|
||||
<answer type="loncapa/python"><![CDATA[
|
||||
correct_answer = [{
|
||||
'draggables': ['1', '2', '3', '4', '5', '6', 'v_fb_1', 'v_fb_2', 'v_fb_3'],
|
||||
'targets': [
|
||||
's_left', 's_right', 's_sigma', 's_sigma_star', 'p_pi_1', 'p_pi_2',
|
||||
'p_sigma', 'p_left_1', 'p_right_3'
|
||||
],
|
||||
'rule': 'anyof'
|
||||
}, {
|
||||
'draggables': ['7', '8', '9', '10', 'v_ub_1', 'v_ub_2'],
|
||||
'targets': [
|
||||
'p_left_2', 'p_left_3', 'p_right_1', 'p_right_2', 'p_pi_star_1',
|
||||
'p_pi_star_2'
|
||||
],
|
||||
'rule': 'anyof'
|
||||
}, {
|
||||
'draggables': ['11', '12'],
|
||||
'targets': ['s_sigma_name', 'p_sigma_name'],
|
||||
'rule': 'anyof'
|
||||
}, {
|
||||
'draggables': ['13', '14'],
|
||||
'targets': ['s_sigma_star_name', 'p_sigma_star_name'],
|
||||
'rule': 'anyof'
|
||||
}, {
|
||||
'draggables': ['15'],
|
||||
'targets': ['p_pi_name'],
|
||||
'rule': 'anyof'
|
||||
}, {
|
||||
'draggables': ['16'],
|
||||
'targets': ['p_pi_star_name'],
|
||||
'rule': 'anyof'
|
||||
}]
|
||||
|
||||
if draganddrop.grade(submission[0], correct_answer):
|
||||
correct = ['correct']
|
||||
else:
|
||||
correct = ['incorrect']
|
||||
|
||||
]]></answer>
|
||||
</customresponse>
|
||||
|
||||
<text>
|
||||
<p>
|
||||
Drag and drop pictures to proper positions.
|
||||
@@ -44,14 +299,14 @@ else:
|
||||
<customresponse>
|
||||
<text>
|
||||
<h3>
|
||||
Individual targets WITHOUT outlines. Move Star to the
|
||||
SMALL IMAGE. Individual targets WITHOUT outlines. Move Star to the
|
||||
volcano opening, and Label3 on to the right ear of the cow.
|
||||
One draggable per target.
|
||||
</h3>
|
||||
<br />
|
||||
</text>
|
||||
|
||||
<drag_and_drop_input img="cow.png" target_outline="false">
|
||||
<drag_and_drop_input img="cow3.png" target_outline="false">
|
||||
<draggable id="1" label="Label 1"/>
|
||||
<draggable id="name_with_icon" label="Ant" icon="images_list/ant.jpg"/>
|
||||
<draggable id="with_icon" label="Cloud" icon="images_list/cloud.jpg" />
|
||||
@@ -61,8 +316,8 @@ else:
|
||||
<draggable id="name4" label="Star" icon="images_list/star.png" />
|
||||
<draggable id="7" label="Label3" />
|
||||
|
||||
<target id="t1" x="210" y="90" w="90" h="90"/>
|
||||
<target id="t2" x="400" y="190" w="90" h="90"/>
|
||||
<target id="t1" x="111" y="58" w="90" h="90"/>
|
||||
<target id="t2" x="212" y="90" w="90" h="90"/>
|
||||
|
||||
</drag_and_drop_input>
|
||||
|
||||
@@ -173,11 +428,103 @@ else:
|
||||
</drag_and_drop_input>
|
||||
|
||||
<answer type="loncapa/python"><![CDATA[
|
||||
correct_answer = {'l3_o': 't1_o',
|
||||
'l10_o': 't9_o',
|
||||
correct_answer = [
|
||||
{
|
||||
'draggables': ['l3_o', 'l10_o'],
|
||||
'targets': ['t1_o', 't9_o'],
|
||||
'rule': 'anyof'
|
||||
},
|
||||
{
|
||||
'draggables': ['l1_c','l8_c'],
|
||||
'targets': ['t5_c','t6_c'],
|
||||
'rule': 'anyof'
|
||||
}
|
||||
]
|
||||
if draganddrop.grade(submission[0], correct_answer):
|
||||
correct = ['correct']
|
||||
else:
|
||||
correct = ['incorrect']
|
||||
]]></answer>
|
||||
</customresponse>
|
||||
|
||||
'l1_c': 't5_c',
|
||||
'l8_c': 't6_c'}
|
||||
<customresponse>
|
||||
<text>
|
||||
<h3>If the element appears in this molecule,
|
||||
drag the label onto it</h3>
|
||||
<br />
|
||||
</text>
|
||||
|
||||
<drag_and_drop_input img="images_list/ethglycol.jpg" target_outline="true"
|
||||
one_per_target="true" no_labels="true">
|
||||
<draggable id="1" label="Hydrogen" />
|
||||
<draggable id="2" label="Hydrogen" />
|
||||
<draggable id="3" label="Nytrogen" />
|
||||
<draggable id="4" label="Nytrogen" />
|
||||
<draggable id="5" label="Boron" />
|
||||
<draggable id="6" label="Boron" />
|
||||
<draggable id="7" label="Carbon" />
|
||||
<draggable id="8" label="Carbon" />
|
||||
|
||||
<target id="t1_o" x="10" y="67" w="100" h="100"/>
|
||||
<target id="t2_h" x="133" y="3" w="70" h="70"/>
|
||||
<target id="t3_h" x="2" y="384" w="70" h="70"/>
|
||||
<target id="t4_h" x="95" y="386" w="70" h="70"/>
|
||||
<target id="t5_c" x="94" y="293" w="91" h="91"/>
|
||||
<target id="t6_c" x="328" y="294" w="91" h="91"/>
|
||||
<target id="t7_h" x="393" y="463" w="70" h="70"/>
|
||||
<target id="t8_h" x="344" y="214" w="70" h="70"/>
|
||||
<target id="t9_o" x="445" y="162" w="100" h="100"/>
|
||||
<target id="t10_h" x="591" y="132" w="70" h="70"/>
|
||||
|
||||
</drag_and_drop_input>
|
||||
|
||||
<answer type="loncapa/python"><![CDATA[
|
||||
correct_answer = [
|
||||
{
|
||||
'draggables': ['7', '8'],
|
||||
'targets': ['t5_c', 't6_c'],
|
||||
'rule': 'anyof'
|
||||
},
|
||||
{
|
||||
'draggables': ['1', '2'],
|
||||
'targets': ['t2_h', 't3_h', 't4_h', 't7_h', 't8_h', 't10_h'],
|
||||
'rule': 'anyof'
|
||||
}]
|
||||
if draganddrop.grade(submission[0], correct_answer):
|
||||
correct = ['correct']
|
||||
else:
|
||||
correct = ['incorrect']
|
||||
]]></answer>
|
||||
</customresponse>
|
||||
|
||||
<customresponse>
|
||||
<text>
|
||||
<h3>
|
||||
SMALL IMAGE. Individual targets WITHOUT outlines. Move Star to the
|
||||
volcano opening, and Label3 on to the right ear of the cow.
|
||||
One draggable per target.
|
||||
</h3>
|
||||
<br />
|
||||
</text>
|
||||
|
||||
<drag_and_drop_input img="cow3_bad.png" target_outline="false">
|
||||
<draggable id="1" label="Label 1"/>
|
||||
<draggable id="name_with_icon" label="Ant" icon="images_list/ant.jpg"/>
|
||||
<draggable id="with_icon" label="Cloud" icon="images_list/cloud.jpg" />
|
||||
<draggable id="5" label="Label2" />
|
||||
<draggable id="2" label="Drop" icon="images_list/drop.jpg" />
|
||||
<draggable id="name_label_icon3" label="Grass" icon="images_list/grass.jpg" />
|
||||
<draggable id="name4" label="Star" icon="images_list/star.png" />
|
||||
<draggable id="7" label="Label3" />
|
||||
|
||||
<target id="t1" x="111" y="58" w="90" h="90"/>
|
||||
<target id="t2" x="212" y="90" w="90" h="90"/>
|
||||
|
||||
</drag_and_drop_input>
|
||||
|
||||
<answer type="loncapa/python"><![CDATA[
|
||||
correct_answer = {'name4': 't1',
|
||||
'7': 't2'}
|
||||
if draganddrop.grade(submission[0], correct_answer):
|
||||
correct = ['correct']
|
||||
else:
|
||||
|
||||
Reference in New Issue
Block a user