forked from Open-CT/openct-tasks
294 lines
16 KiB
HTML
294 lines
16 KiB
HTML
<!doctype html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<title>2016-JP-01</title>
|
||
<link class="module" rel="stylesheet" href="../../../_common/modules/pemFioi/taskStyles-0.1.css" id="http://www.france-ioi.org/modules/pemFioi/taskStyles-0.1.css">
|
||
<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/jquery-ui/jquery.ui.touch-punch.min.js" id="jquery.ui.touch-punch.min.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/ext/json/json2.min.js" id="https://github.com/douglascrockford/JSON-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="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/pemFioi/beaver-task-2.0.js" id="http://www.france-ioi.org/modules/pemFioi/beaver-task-2.0.js"></script>
|
||
<script class="module" type="text/javascript" src="../../../_common/modules/pemFioi/simulation-2.0.js" id="http://www.france-ioi.org/modules/pemFioi/simulation-2.0.js"></script>
|
||
<script class="module" type="text/javascript" src="../../../_common/modules/pemFioi/raphaelFactory-1.0.js" id="http://www.france-ioi.org/modules/pemFioi/raphaelFactory-1.0.js"></script>
|
||
<script class="module" type="text/javascript" src="../../../_common/modules/pemFioi/delayFactory-1.0.js" id="http://www.france-ioi.org/modules/pemFioi/delayFactory-1.0.js"></script>
|
||
<script class="module" type="text/javascript" src="../../../_common/modules/pemFioi/simulationFactory-1.0.js" id="http://www.france-ioi.org/modules/pemFioi/simulationFactory-1.0.js"></script>
|
||
<script class="module" type="text/javascript" src="../../../_common/modules/pemFioi/grid-1.0.js" id="http://www.france-ioi.org/modules/pemFioi/grid-1.0.js"></script>
|
||
<script class="module" type="text/javascript" src="../../../_common/modules/pemFioi/randomGenerator-1.0.js" id="http://www.france-ioi.org/modules/pemFioi/randomGenerator-1.0.js"></script>
|
||
<script class="module" type="text/javascript" src="../../../_common/modules/pemFioi/raphaelButton-1.0.js" id="http://www.france-ioi.org/modules/pemFioi/raphaelButton-1.0.js"></script>
|
||
|
||
<script class="module" type="text/javascript" src="../../../_common/modules/pemFioi/graph-1.0.js" id="http://www.france-ioi.org/modules/pemFioi/graph-1.0.js"></script>
|
||
|
||
<script class="remove" type="text/javascript" src="../../../_common/modules/integrationAPI.01/installationAPI.01/pemFioi/installation.js" id="http://www.france-ioi.org/modules/integrationAPI.01/installationAPI.01/pemFioi/installation.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="remove" type="text/javascript" src="../../../_common/modules/integrationAPI.01/official/miniPlatform.js" id="http://www.france-ioi.org/modules/integrationAPI.01/official/miniPlatform.js"></script>
|
||
<script>
|
||
var stringsLanguage = 'sv';
|
||
</script>
|
||
<script class="remove" type="text/javascript">
|
||
var json = {
|
||
"id": "http://castor-informatique.fr/tasks/2016/2016-JP-01-Drycks/",
|
||
"language": "en",
|
||
"version": "en.01",
|
||
"authors": "Arthur Charguéraud, Mathias Hiron, Nir Lavee, and authors from Japanese Bebras team, France-ioi",
|
||
"translators": "Eslam Wageed",
|
||
"license": "CC BY-SA 3.0",
|
||
"taskPathPrefix": "",
|
||
"modulesPathPrefix": "",
|
||
"browserSupport": [],
|
||
"fullFeedback": true,
|
||
"acceptedAnswers": [],
|
||
"usesRandomSeed": false
|
||
};
|
||
</script>
|
||
<script type="text/javascript">
|
||
var taskStrings = {
|
||
names: {
|
||
curlyWhiskers: "Krulliga morrhår",
|
||
whiteEyes: "Vita ögon",
|
||
bigTeeth: "Stora tänder",
|
||
bigEars: "Stora öron",
|
||
blackTeeth: "Svarta tänder",
|
||
whiteNose: "Vit nos",
|
||
blackEars: "Svarta öron",
|
||
whiteSkin: "Vit päls"
|
||
},
|
||
|
||
success: "Grattis, du klarade det.",
|
||
wrong: "Fel svar. Försök igen.",
|
||
wrongHard: function(correct, total) {
|
||
return "Du har identifierat " + correct + " av " + total + " trolldrycker. Försök nu att identifiera fler. Klicka på knappen för att blanda dem och börja om."; //Needed? "Click on the button to mix the Drycks and start all over again"
|
||
},
|
||
wrongLogic: "Du placerade den rödmarkerade bävern på fel plats.",
|
||
|
||
drinkButton: function(beavers) {
|
||
return "Låt bävrarna\ndricka";
|
||
},
|
||
reshuffleButton: "Blanda trolldryckerna \noch börja om",
|
||
|
||
noDrink: "Bäver före\nden drack\ntrolldrycker.",
|
||
emptyExperiment: "Ge åtminstone en trolldryck till varje bäver.",
|
||
answerTooEarly: "Låt bävrarna dricka först.",
|
||
cupsTooLate: "Innan du ändrar trolldryckerna, klicka på knappen för att blanda dem och börja om."
|
||
};
|
||
</script>
|
||
<script type="text/javascript" src="task.js"></script>
|
||
<style>
|
||
#anim_container {
|
||
}
|
||
#anim {
|
||
display: inline-block;
|
||
}
|
||
#drinkingInstruction {
|
||
margin-left: 170px;
|
||
}
|
||
#experimentCups {
|
||
}
|
||
.usageInstructions {
|
||
}
|
||
#feedback {
|
||
height: 1em;
|
||
margin-top: 0.3em;
|
||
margin-bottom: 0.3em;
|
||
text-align: center;
|
||
font-weight: bold;
|
||
color: #CC8844;
|
||
}
|
||
#validation {
|
||
margin-top: 1em;
|
||
text-align: center;
|
||
}
|
||
#validation input {
|
||
padding: 2px 10px 2px 10px;
|
||
}
|
||
#solution li {
|
||
padding-bottom: 0.5em;
|
||
}
|
||
#solInfo {
|
||
border-collapse: collapse;
|
||
}
|
||
#solInfo td {
|
||
border: 1px solid black;
|
||
padding: 4px;
|
||
text-align: center;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div id="task">
|
||
<h1>Trolldrycker</h1>
|
||
<div id="tabsContainer"></div>
|
||
<div id="taskContent">
|
||
<p id="difficultyWarning" class="hard"></p>
|
||
<p>
|
||
Bävrarna hittade <span class="totalCups">X</span> trolldrycker.
|
||
Varje trolldryck ändrar en sak i bäverns ansikte.
|
||
</p>
|
||
<p id="drinkingInstruction" class="easy medium">Följande tre bävrar drack <span class="experimentCups">X</span> trolldrycker var. Deras ansikten ändrades
|
||
så här:
|
||
</p>
|
||
<p class="hard">
|
||
Tre bävrar dricker trolldrycker, hitta effekten av varje trolldryck.
|
||
</p>
|
||
<p class="hard">
|
||
Dra trolldryckerna till bävrarna och tryck sedan "Låt bävrarna dricka".
|
||
</p>
|
||
<p class="hard">
|
||
<strong>Observera:</strong> Om du försöker igen efter att bävrarna har druckit, så kommer trolldryckerna ha blandats så att samma bokstav inte längre står för samma trolldryck.
|
||
</p>
|
||
<div id="anim_container">
|
||
<div id="anim1"></div>
|
||
<div id="feedback"></div>
|
||
<div class="usageInstructions">
|
||
<p>
|
||
Bävrarna här nedanför drack bara en trolldryck var.
|
||
Dra varje bäver till rutan under den trolldryck som den drack.
|
||
</p>
|
||
<p class="hard">
|
||
<strong>Observera :</strong> Om du inte är säker på svaret, så fyll inte i på måfå, det är bättre att lämna tomt.
|
||
</p>
|
||
</div>
|
||
<div id="anim2"></div>
|
||
</div>
|
||
<div id="validation"><input type="button" value="Testa mitt svar" id="execute" /></div>
|
||
|
||
<img id="bigEars_image" src="bigEars.png" style="display:none">
|
||
<img id="bigTeeth_image" src="bigTeeth.png" style="display:none">
|
||
<img id="blackEars_image" src="blackEars.png" style="display:none">
|
||
<img id="blackTeeth_image" src="blackTeeth.png" style="display:none">
|
||
<img id="curlyWhiskers_image" src="curlyWhiskers.png" style="display:none">
|
||
<img id="whiteEyes_image" src="whiteEyes.png" style="display:none">
|
||
<img id="whiteNose_image" src="whiteNose.png" style="display:none">
|
||
<img id="whiteSkin_image" src="whiteSkin.png" style="display:none">
|
||
<img src="icon.png" style="display:none">
|
||
</div>
|
||
</div><!-- task -->
|
||
<div id="solution">
|
||
<h2>Lösning</h2>
|
||
|
||
<div class = "easy">
|
||
<ul>
|
||
<li> Dryck B dracks av bävrarna 1 och 2. Deras likhet är att ha krulliga morrhår, så det måste vara effekten av dryck B. </li>
|
||
<li> Dryck C dracks av bävrarna 2 och 3. Deras likhet är att ha stora öron, så detta är effekten av dryck C. </li>
|
||
<li> Dryck A dracks bara av bäver 1. Detta är den enda bävern med stora tänder, så detta är effekten av dryck A. </li>
|
||
<li> Dryck D dracks bara av bäver 3. Detta är den enda bävern med svarta tänder, så detta är effekten av dryck D. </li>
|
||
</ul>
|
||
<p> <img src = "sol_easy.png"> </p>
|
||
</div>
|
||
<div class = "medium">
|
||
<ul>
|
||
<li> Dryck A dracks av bävrarna 1 och 2. Deras likhet är att ha stora tänder, så det är effekten av dryck A. </li>
|
||
<li> På samma sätt drar vi slutsatsen att dryck D ger de stora öronen på bävrarna 2 och 3. </li>
|
||
<li> På samma sätt drar vi slutsatsen att dryck C ger de svarta tänderna på bävrarna 1 och 3. </li>
|
||
<li> Dryck B dracks bara av bäver 1. Det här är den enda bävern som har krulliga morrhår, så det är effekten av dryck B. </li>
|
||
<li> På samma sätt drar vi slutsatsen att dryck E, som bara dracks av bäver 2, ger svarta öron. </li>
|
||
<li> På samma sätt drar vi slutsatsen att dryck F, som bara dracks av bäver 3, ger vit päls. </li>
|
||
</ul>
|
||
<p> <img src = "sol_medium.png"> </p>
|
||
|
||
</div>
|
||
<div class = "hard">
|
||
|
||
<p>För att skilja effekterna av trolldryckerna kommer vi att fördela dem till bävrarna så att: </p>
|
||
<ul>
|
||
<li> Vissa drycker bara kommer drickas av en bäver. </Li>
|
||
<li> Vissa drycker kommer drickas av exakt två bävrar. </li>
|
||
<li> En dryck kommer att drickas av alla tre bävrarna. </li>
|
||
<li> En dryck kommer inte att drickas av någon bäver. </li>
|
||
</ul>
|
||
<p> Låt oss börja med dryckerna som ska drickas av en enda bäver och välj dryck A, B och C till de olika bävrarna: </p>
|
||
<p> <img src = "sol_hard_1.png"> </p>
|
||
<p> Fördela sedan dryckerna som ska drickas av två bävrar: dryck D till bäver 1 och 2, dryck E till bäver 2 och 3 och dryck F till bäver 1 och 3. </p>
|
||
<p> <img src = "sol_hard_2.png"> </p>
|
||
<p> Fördela sedan dryck G till alla bävrar. Dryck H ges inte till någon.</p>
|
||
<p><strong>Låt sedan bävrarna dricka!</strong> Observera att effekten av trolldryckerna i din version av uppgiften kan vara annorlunda än i lösningen nedan, men principen för att särskilja trolldryckerna är densamma.</p>
|
||
</p>
|
||
<p> <img src = "sol_hard_3.png"> </p>
|
||
<p> För att identifiera effekterna, är det snabbaste att börja med effekterna som är gemensamma för flera bävrar. </p>
|
||
<ul>
|
||
<li> De tre bävrarna har stora tänder gemensamt, så det är effekten av dryck G. </li>
|
||
<li> Bävrarna 1 och 2 har stora öron gemensamt, så det är effekten av dryck D. </li>
|
||
<li> Bävrarna 2 och 3 har den vita pälsen gemensamt: så det är effekten av dryck E. </li>
|
||
<li> Bävrarna 1 och 3 har svarta öron gemensamt, så det är effekten av dryck F. </li>
|
||
<li> Bäver 1 är den enda med svarta tänder, så det är effekten av dryck A. </li>
|
||
<li> Bäver 2 är den enda med krulliga morrhår, så det är effekten av dryck B. </li>
|
||
<li> Bäver 3 är den enda med vit nos, så det är effekten av dryck C. </li>
|
||
<li> Vita ögon finns inte på någon bäver, så det måste vara är effekten av dryck H. </li>
|
||
</ul>
|
||
<p> <img src = "sol_hard_4.png"> </p>
|
||
</div>
|
||
|
||
<h2> Det är datavetenskap! </h2>
|
||
|
||
<p> I den svåra versionen av denna uppgift vill vi fördela dryckerna på tre bävrar, så att vi kan identifiera varje dryck. För att bygga en lösning kan vi göra en tabell: varje rad motsvarar en dryck, varje kolumn motsvarar en bäver, och i varje ruta inuti tabellen noterar vi 1 om bävern dricker drycken på den raden och 0 om den inte dricker.
|
||
</P>
|
||
<p> Målet är att kunna identifiera dryckerna, vilket innebär att alla rader i tabellen måste vara olika. En möjlighet är att fylla i raderna enligt nedan. </P>
|
||
<p><table id="solInfo">
|
||
<tr>
|
||
<td></td>
|
||
<td>Bäver 1</td>
|
||
<td>Bäver 2</td>
|
||
<td>Bäver 3</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Dryck A</td>
|
||
<td>0</td>
|
||
<td>0</td>
|
||
<td>0</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Dryck B</td>
|
||
<td>0</td>
|
||
<td>0</td>
|
||
<td>1</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Dryck C</td>
|
||
<td>0</td>
|
||
<td>1</td>
|
||
<td>0</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Dryck D</td>
|
||
<td>0</td>
|
||
<td>1</td>
|
||
<td>1</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Dryck E</td>
|
||
<td>1</td>
|
||
<td>0</td>
|
||
<td>0</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Dryck F</td>
|
||
<td>1</td>
|
||
<td>0</td>
|
||
<td>1</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Dryck G</td>
|
||
<td>1</td>
|
||
<td>1</td>
|
||
<td>0</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Dryck H</td>
|
||
<td>1</td>
|
||
<td>1</td>
|
||
<td>1</td>
|
||
</tr>
|
||
</table></p>
|
||
<p> Naturligtvis kunde vi ha lagt raderna i en annan ordning. Men alla lösningar motsvarar nödvändigtvis en viss ordning av dessa rader. </p>
|
||
|
||
<p> Raderna i tabellen ovan motsvarar de <strong>binära talen</strong> från 0 till 7. </p>
|
||
</div> <!-- task-solution -->
|
||
|
||
</body>
|
||
</html>
|