forked from Open-CT/openct-tasks
139 lines
6.3 KiB
HTML
139 lines
6.3 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>2014-CH-05</title>
|
|
<script>
|
|
window.stringsLanguage = 'fr';
|
|
</script>
|
|
<script class="remove" type="text/javascript" src="../../../_common/modules/pemFioi/importModules-1.1_M.js" id="import-modules"></script>
|
|
<script class="remove" type="text/javascript">
|
|
var modulesPath = '../../../_common/modules';
|
|
importModules([
|
|
'jquery-1.7.1', 'jquery-ui.touch-punch', 'raphael-2.2.1', 'JSON-js',
|
|
'beav-1.0', 'beaver-task-2.0', 'simulation-2.0', 'raphaelFactory-1.0',
|
|
'delayFactory-1.0', 'simulationFactory-1.0', 'raphaelButton-1.0',
|
|
'jschannel', 'platform-pr', 'buttonsAndMessages', 'installationAPI.01',
|
|
'miniPlatform', 'taskStyles-0.1','graph-1.0', 'visual-graph-1.0', 'grid-1.0']);
|
|
</script>
|
|
<script class="remove" type="text/javascript">
|
|
var json = {
|
|
"id": "http://castor-informatique.fr/tasks/2014/2014-CH-05-abacus/",
|
|
"language": "fr",
|
|
"version": "fr.01",
|
|
"authors": "Caroline Bösinger, caroline.boesinger@gmx.ch, Switzerland ; Ivo Blöchliger, ivo@bloechligair.ch, Switzerland ; Christian Datzko, christian@datzko.ch, Switzerland ; Arthur Chargueraud, France-ioi",
|
|
"translators": [],
|
|
"license": "CC BY-NC-SA 3.0",
|
|
"taskPathPrefix": "",
|
|
"modulesPathPrefix": "",
|
|
"browserSupport": [],
|
|
"fullFeedback": true,
|
|
"usesRandomSeed": true
|
|
};
|
|
</script>
|
|
<script>
|
|
var taskStrings = {
|
|
ballsIncorrectValue: "Les boules ne représentent pas la valeur demandée.",
|
|
success: "Bravo ! vous avez réussi."
|
|
};
|
|
</script>
|
|
<script type="text/javascript" src="task.js"></script>
|
|
<style>
|
|
#abacusTask {
|
|
margin-bottom: 1em;
|
|
}
|
|
#valueTarget, #valueCurrent, #solutionTarget {
|
|
font-weight: bold;
|
|
font-size: 130%;
|
|
/*font-family: monospace;*/
|
|
}
|
|
#valueCurrent {
|
|
display: inline-block;
|
|
width: 6em;
|
|
text-align: right;
|
|
}
|
|
.easy, .hard {
|
|
display: none;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="task">
|
|
<h1>Boulier</h1>
|
|
<div id="tabsContainer"></div> <!-- will contain the versions tabs -->
|
|
<div id="taskContent"> <!-- will contain the content of the task -->
|
|
<div id="zone_1">
|
|
<div class="consigne">
|
|
<p>Positionnez les boules bleues de sorte à obtenir la valeur <span id="valueTarget"></span>.</p>
|
|
<p>Cliquez sur les boules pour comprendre ce qu'elles représentent.</p>
|
|
</div>
|
|
</div>
|
|
<div id="zone_2">
|
|
<center>
|
|
<p>Valeur courante : <span id="valueCurrent"></span>.</p>
|
|
<div id='abacusTask'></div>
|
|
</center>
|
|
</div>
|
|
</div><!-- taskContent -->
|
|
<img src="icon.png" style="display:none">
|
|
</div><!-- task -->
|
|
<div id="solution">
|
|
|
|
<h2>Solution</h2>
|
|
|
|
<div class="easy">
|
|
<p>
|
|
Dans la colonne de droite, chaque bille représente une unité.
|
|
Ainsi, si l'on place 3 billes en haut dans la colonne de droite,
|
|
on obtient la valeur 3.
|
|
</p>
|
|
<p>
|
|
Dans la seconde colonne en partant de la droite, chaque bille représente une dizaine. Ainsi, si en plus des 3 billes de la colonne tout à droite on place 5 billes en haut de la seconde colonne, on obtient 53.
|
|
</p>
|
|
<p>
|
|
Les colonnes suivantes représentent les centaines, puis les milliers, etc.
|
|
Donc, pour obtenir la solution, il fallait, pour chacun des 5 chiffres de la solution, faire monter le nombre de billes dans la colonne qui correspond à ce chiffre.
|
|
</p>
|
|
</div>
|
|
<div class="hard">
|
|
<p>
|
|
Dans la colonne de droite, chaque bille de la zone du bas qui est déplacée vers le milieu compte pour une unité, et chaque bille de la zone du haut qui est déplacée vers le milieu compte pour 5 unités. Ainsi, on peut obtenir n'importe qu'elle valeur entre 0 et 5 en n'utilisant que les billes du bas, et on peut obtenir n'importe quelle valeur entre 5 et 9 et utilisant une bille du haut et un certain nombre de billes du bas. On peut aussi aller jusqu'à 15 si on utilise toutes les billes, mais cela n'est pas utile.
|
|
</p>
|
|
<p>
|
|
Les billes de la seconde colonne en partant de la droite jouent un rôle similaire, sauf que leur valeur est multipliée par 10 : elles correspondent aux dizaines. Les billes de la troisième colonne ont une valeur multipliée par 100, et celles de la quatrième colonne ont une valeur multipliée par 1000, etc...
|
|
</p>
|
|
<p>
|
|
Ainsi, pour obtenir la solution, on pouvait positionner les billes de chaque colonne en fonction du chiffre correspondant dans la valeur à atteindre (le premier chiffre pour la première colonne, le second pour la seconde colonne, etc...).
|
|
</p>
|
|
</div>
|
|
<center>
|
|
<div id="solutionTarget"></div>
|
|
<div id='abacusSolution'></div>
|
|
</center>
|
|
|
|
<h2>C'est de l'informatique !</h2>
|
|
|
|
<div class="easy">
|
|
<p>
|
|
Le boulier présenté ici est une forme simplifiée des vrais bouliers, qui possèdent des boules représentant une unité et d'autres boulent représentant 5 unités.
|
|
</p>
|
|
</div>
|
|
|
|
<p>
|
|
Le boulier (<i>abacus</i> en anglais) est l'un des plus anciens instruments d'aide au calcul et de mécanisation du calcul de l'histoire de l'humanité.
|
|
</p>
|
|
<p>
|
|
Lorsqu'on sait l'utiliser, le boulier permet d'effectuer des additions, soustractions, multiplications et divisions. Avec un certain entraînement,
|
|
l'usage du boulier est aussi rapide que celui d'une calculatrice pour
|
|
tous les calculs de la vie courante.
|
|
</p>
|
|
<p>
|
|
Le boulier est encore en usage aujourd'hui dans de nombreux pays d'Asie,
|
|
preuve que l'informatique n'a pas (encore) tout remplacé !
|
|
</p>
|
|
|
|
</div> <!-- task-solution -->
|
|
</body>
|
|
</html>
|
|
|