forked from Open-CT/openct-tasks
141 lines
5.5 KiB
HTML
141 lines
5.5 KiB
HTML
<!doctype html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8"></meta>
|
|
<title>2018-FR-04-whos-there</title>
|
|
<script>
|
|
window.stringsLanguage = 'en';
|
|
</script>
|
|
<script class="remove" type="text/javascript" src="../../modules/pemFioi/importModules-1.1_M.js" id="import-modules"></script>
|
|
<script class="remove" type="text/javascript">
|
|
var modulesPath = '../../modules';
|
|
importModules([
|
|
'jquery-1.7.1', 'jquery-ui.touch-punch', 'raphael-2.2.1', 'JSON-js', 'grid-1.0',
|
|
'beav-1.0', 'beaver-task-2.0', 'simulation-2.0', 'raphaelFactory-1.0',
|
|
'delayFactory-1.0', 'simulationFactory-1.0', 'raphaelButton-1.0',
|
|
'platform-pr', 'buttonsAndMessages', 'installationAPI.01', 'miniPlatform',
|
|
'taskStyles-0.1', 'randomGenerator-1.0'
|
|
]);
|
|
</script>
|
|
<script class="remove" type="text/javascript">
|
|
var json = {
|
|
"id": "http://castor-informatique.fr/tasks/2017/2017-FR-05-draw-shapes/",
|
|
"language": "fr",
|
|
"version": "fr.01",
|
|
"authors": "Arthur Charguéraud, Mathias Hiron, France-ioi",
|
|
"translators": [],
|
|
"license": "CC BY-SA 3.0",
|
|
"taskPathPrefix": "",
|
|
"modulesPathPrefix": "",
|
|
"browserSupport": [],
|
|
"fullFeedback": true,
|
|
"acceptedAnswers": [],
|
|
"usesRandomSeed": false
|
|
};
|
|
</script>
|
|
<script type="text/javascript">
|
|
var shapeGroup = function (isPair, isFirst) {
|
|
var s = "3 ";
|
|
s += (isFirst) ? "" : "new identical ";
|
|
s += (isPair) ? "pairs of " : "";
|
|
s += "shapes";
|
|
return s;
|
|
}
|
|
var taskStrings = {
|
|
start: "Start",
|
|
restart: "Restart",
|
|
inHouse: "Entrance",
|
|
outHouse: "Exit",
|
|
clickGroup: function (isPair, isFirst) {
|
|
return "Click here as soon as the house\n contains " + shapeGroup(isPair, isFirst);
|
|
},
|
|
resume: function (isPair, isFirst) {
|
|
return "This is good! Click here ton continue\nand find " + shapeGroup(isPair, isFirst);
|
|
},
|
|
errorWrong: function (isPair, isFirst) {
|
|
return "The house doesn't contain " + shapeGroup(isPair, isFirst) + ".";
|
|
},
|
|
errorMiss: function (isPair, isFirst) {
|
|
return "You missed a group of " + shapeGroup(isPair, isFirst) + ".";
|
|
},
|
|
shapeInHouse: "Here are the shapes that are currently in the house:",
|
|
shapeList: "Here are the shapes that can enter the house:",
|
|
shapeListInPairs: "Here is a list of the different shapes that may enter the house:",
|
|
suboptimal: "You didn't find three groups.",
|
|
drawInCanvas: "To help you remember, add dots or lines here.", // one line only, otherwise it causes a bug
|
|
success: "Success!",
|
|
partial: "You receive some of the points.",
|
|
failure: "You receive no points."
|
|
};
|
|
</script>
|
|
<script type="text/javascript" src="raphael.sketchpad.js"></script>
|
|
<script type="text/javascript" src="task.js"></script>
|
|
<style>
|
|
.bold {
|
|
font-weight: bold;
|
|
}
|
|
#canvas {
|
|
width: 600px;
|
|
margin: auto;
|
|
border: 1px solid black;
|
|
}
|
|
#canvasButtons {
|
|
text-align: center;
|
|
margin: 20px 0;
|
|
}
|
|
#canvasButtons button {
|
|
padding: 5px 20px;
|
|
}
|
|
#valider {
|
|
display: block;
|
|
margin: auto;
|
|
width: 9em;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="editor"></div>
|
|
|
|
<div id="task">
|
|
<h1>Who's there</h1>
|
|
<div id="tabsContainer"></div>
|
|
|
|
<div id="taskContent">
|
|
<div id="zone_1">
|
|
<div class="consigne">
|
|
<p>When you click the big gray button, shapes will start entering<span class="medium bold"> or leaving</span> the house, <span class="easy medium">one by one</span><span class="hard">as pairs</span>.</p>
|
|
<p>To help you remember, draw dots or lines in the bottom area.</p>
|
|
<p>At the beginning, the house is empty.</p>
|
|
<p>Every time 3 identical <span class="hard bold">pairs of shapes</span><span class="easy medium">shapes</span> are in the house, click on the big gray button.
|
|
</div>
|
|
</div>
|
|
<div id="zone_2">
|
|
<div id="housePaper"></div>
|
|
<div id="shapeListPaper"></div>
|
|
<div id="canvas"></div>
|
|
<div id="canvasButtons">
|
|
<button type="button" class="btn btn-default" id="undoTagButton">Undo</button>
|
|
<button type="button" class="btn btn-default" id="redoTagButton">Redo</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<img id="shape1" src="1.png" style="display:none">
|
|
<img id="shape2" src="2.png" style="display:none">
|
|
<img id="shape3" src="3.png" style="display:none">
|
|
<img id="shape4" src="4.png" style="display:none">
|
|
<img id="shape5" src="5.png" style="display:none">
|
|
<img id="house" src="house.png" style="display:none">
|
|
<img id="arrow" src="arrow.png" style="display:none">
|
|
<img src="icon.png" style="display:none">
|
|
</div>
|
|
<div id="solution">
|
|
<h2>Solution</h2>
|
|
<h2>It's infromatics!</h2>
|
|
</div>
|
|
<!-- task-solution -->
|
|
</body>
|
|
|
|
</html>
|