forked from Open-CT/openct-tasks
197 lines
8.2 KiB
HTML
197 lines
8.2 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>2015-FR-22</title>
|
|
<script class="module" type="text/javascript" src="../../../_common/modules/ext/jquery/1.7/jquery.min.js" id="http://code.jquery.com/jquery-1.7.1.min.js"></script>
|
|
<script class="module" type="text/javascript" src="../../../_common/modules/ext/json/json2.min.js" id="https://github.com/douglascrockford/JSON-js"></script>
|
|
<script class="module" type="text/javascript" src="../../../_common/modules/ext/raphael/2.2.1/raphael.min.js" id="http://cdnjs.cloudflare.com/ajax/libs/raphael/2.2.1/raphael.min.js"></script>
|
|
|
|
<script class="module" type="text/javascript" src="../../../_common/modules/pemFioi/drag_lib-2.0.js" id="http://www.france-ioi.org/modules/pemFioi/drag_lib.js"></script>
|
|
<script class="module" type="text/javascript" src="../../../_common/modules/integrationAPI.01/installationAPI.01/pemFioi/tracker.js" id="http://castor-informatique.fr/tasks/modules/tracker.js"></script>
|
|
<script class="module" type="text/javascript" src="../../../_common/modules/pemFioi/beaver-task.js" id="http://www.france-ioi.org/modules/pemFioi/beaver-task.js"></script>
|
|
<script class="proxy module" type="text/javascript" src="../../../_common/modules/integrationAPI.01/official/platform-pr.js" id="http://www.france-ioi.org/modules/integrationAPI.01/official/platform-pr.js"></script>
|
|
<script class="stdButtonsAndMessages module" type="text/javascript" src="../../../_common/modules/integrationAPI.01/installationAPI.01/pemFioi/buttonsAndMessages.js" id="http://www.france-ioi.org/modules/integrationAPI.01/installationAPI.01/pemFioi/buttonsAndMessages.js"></script>
|
|
<script class="module" type="text/javascript" src="../../../_common/modules/pemFioi/beav-1.0.js" id="http://www.france-ioi.org/modules/pemFioi/beav-1.0.js"></script>
|
|
<script class="remove" type="text/javascript" src="../../../_common/modules/integrationAPI.01/installationAPI.01/pemFioi/installation.js"></script>
|
|
<script class="remove" type="text/javascript" src="../../../_common/modules/integrationAPI.01/official/miniPlatform.js"></script>
|
|
|
|
<link class="module" rel="stylesheet" type="text/css" href="../../../_common/modules/pemFioi/taskStyles-0.1.css" id="http://www.france-ioi.org/modules/pemFioi/taskStyles-0.1.css">
|
|
<script type="text/javascript">
|
|
var stringsLanguage = 'fr';
|
|
var taskStrings = {
|
|
fillOneCell: "Colorier 1 case",
|
|
right: "Droite",
|
|
left: "Gauche",
|
|
up: "Haut",
|
|
down: "Bas",
|
|
left5Times: "Gauche 5 fois",
|
|
continue: "Continuer",
|
|
pause: "Pause",
|
|
success: "Bravo, vous avez réussi !",
|
|
missingInstr: "Ajoutez des instructions à votre programme.",
|
|
incorrect: "Le dessin ne correspond pas.<br> Essayez avec d'autres instructions.",
|
|
noInstruction: "Aucune instruction fournie.",
|
|
completed: "Exécution terminée.",
|
|
repetitionNumber: "Répétition n°",
|
|
exitGrid: "Vous êtes sorti de la grille.",
|
|
cannotDecrease: "La valeur actuelle de N est 0, donc vous ne pouvez pas diminuer N.",
|
|
then: "Puis",
|
|
repeat: function(nb, step) {
|
|
var s = "Répéter " + nb + " fois";
|
|
if (step !== undefined) {
|
|
s += " (" + step + "/" + nb + ")";
|
|
}
|
|
return s;
|
|
}
|
|
};
|
|
</script>
|
|
<script type="text/javascript" src="task.js"></script>
|
|
<script class="remove" type="text/javascript">
|
|
var json = {
|
|
"id": "http://castor-informatique.fr/algorea_tasks/2016/2016-FR-22-nested-pattern",
|
|
"language": "fr",
|
|
"version": "fr.01",
|
|
"authors": "Arthur Charguéraud, Mathias Hiron", // variant from similar task from castor 2015
|
|
"translators": [],
|
|
"license": "",
|
|
"taskPathPrefix": "",
|
|
"modulesPathPrefix": "",
|
|
"browserSupport": [],
|
|
"acceptedAnswers": [""],
|
|
"fullFeedback": false
|
|
};
|
|
</script>
|
|
<style>
|
|
#drawing {
|
|
margin-left: 0.5em;
|
|
}
|
|
#columns-wrapper {
|
|
margin-top: 1em;
|
|
}
|
|
.columns td {
|
|
vertical-align: top;
|
|
padding-right: 1em;
|
|
}
|
|
.column_head {
|
|
font-weight: bold;
|
|
}
|
|
#message {
|
|
text-align: center;
|
|
font-weight: bold;
|
|
color: blue;
|
|
padding: 0.5em;
|
|
height: 1em;
|
|
}
|
|
.buttons input {
|
|
margin-bottom: 5px;
|
|
}
|
|
#textSolution li {
|
|
margin-top: 0.2em;
|
|
}
|
|
.valigntop td {
|
|
vertical-align: top;
|
|
}
|
|
.objectif {
|
|
border: 1px solid black;
|
|
margin-bottom: 1em;
|
|
}
|
|
.resetButton {
|
|
display:none;
|
|
}
|
|
#top-spacing {
|
|
margin-top: 1em;
|
|
}
|
|
#simuButtons input {
|
|
width: 100px;
|
|
}
|
|
#descr {
|
|
padding-bottom: 1em;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="task">
|
|
<h1>Dessin</h1>
|
|
<div id="tabsContainer"></div>
|
|
<div id="taskContent">
|
|
|
|
<div id="columns-wrapper">
|
|
<table class="valigntop" style="clear: both">
|
|
<tr><td>
|
|
|
|
<table class="columns">
|
|
<tr>
|
|
<td colspan="2" id="descr">
|
|
Programmez le robot rouge pour reproduire le dessin objectif.
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="width:90px">
|
|
<div class="column_head" style="text-align:center">Prenez les<br />instructions ici</div>
|
|
</td>
|
|
<td style="width:130px">
|
|
<div class="column_head" style="text-align:center">Glissez les<br />instructions là <!--pour créer votre programme--></div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="2">
|
|
<div id="program" class="touch"></div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td></td>
|
|
<td>
|
|
<div class="buttons" style="text-align: center">
|
|
<input id="tryOrReset" type="button" onclick="task.trySequence()" value="Essayer">
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
|
|
</table>
|
|
|
|
</td><td>
|
|
|
|
<div>
|
|
<table class='objectif valigntop'>
|
|
<tr>
|
|
<td style="text-align:center"><b>Objectif</b></td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div id="target"></div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="column_head" style="text-align:center; padding-top:20px">Résultat de l'exécution</div>
|
|
|
|
<div id="simuButtons" class="buttons" style="text-align:center;padding-top:10px; padding-bottom: 0px; width:250px">
|
|
<input type="button" id="pause" value="Pause" onclick="task.pause()"/>
|
|
|
|
<input type="button" id="stop" value="Arrêter" onclick="task.stop()" />
|
|
</div>
|
|
<div><span id="message"></span></div>
|
|
<div id="result"></div>
|
|
|
|
</td></tr></table>
|
|
|
|
</div>
|
|
|
|
<img src="icon.png" style="display:none">
|
|
</div>
|
|
</div><!-- task -->
|
|
<div id="solution">
|
|
|
|
<h2>Solution</h2>
|
|
<p>Voici une solution possible :</p>
|
|
<div class="easy"><img src="solution_easy.png" /></div>
|
|
<div class="medium"><img src="solution_medium.png" /></div>
|
|
<div class="hard"><img src="solution_hard.png" /></div>
|
|
|
|
|
|
</div> <!-- task-solution -->
|
|
</body>
|
|
</html>
|