openct-tasks/bebras/2018/2018-FR-03-search-replace/index_ar.html

184 lines
6.1 KiB
HTML

<!doctype html>
<html>
<head>
<!-- j'ajoute un style ici de la part de aymen -->
<style> p{text-align: right}</style>
<meta charset="utf-8">
<title>2018-AR-03-search-replace</title>
<script class="remove" type="text/javascript" src="../../modules/pemFioi/importModules-1.1_M.js" id="import-modules"></script>
<script>
window.stringsLanguage = 'ar';
</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',
'beav-1.0', 'beaver-task-2.0', 'simulation-2.0', 'raphaelFactory-1.0',
'delayFactory-1.0', 'simulationFactory-1.0', 'drag_lib-2.0', 'raphaelButton-1.0',
'graph-1.0', 'visual-graph-1.0', 'graph-mouse-1.0', 'randomGenerator-1.0',
'platform-pr', 'buttonsAndMessages', 'installationAPI.01', 'miniPlatform',
'taskStyles-0.1']);
</script>
<script class="remove" type="text/javascript">
var json = {
"id": "http://castor-informatique.fr/tasks/2016/2016-FR-07-shapes/",
"language": "ar",
"version": "ar.01",
"authors": "Arthur Charguéraud, Mathias Hiron, 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 = {
error: ". لا تتطابق النتيجة تمامًا مع الهدف",
success: ".أحسنت، الإجابة صحيحة",
before: "عوض الشكل",
after: "بالشكل",
replacedShape : function(nbReplaced, sameShape) {
if (sameShape) {
return ".استبدال شكل بنفس الشكل لا يغير الرسم الحالي"
} else if (nbReplaced == 0) {
return "لا يتغير الرسم لأن الشكل المحدد الأول لا يظهر هناك";
} else if (nbReplaced == 1) {
return ".قدم الاستبدال"
} else {
return nbReplaced+ " :عدد التغيرات التي تم اجرأها"
}
},
undo: "إلغاء خطوة"
};
</script>
<script type="text/javascript" src="shape-paths.js"></script>
<script type="text/javascript" src="task.js"></script>
<style>
body * {
box-sizing: content-box;
}
#solution img {
border-top: solid black 1px;
border-bottom: solid black 1px;
}
#firstShape, #lastShape {
display: inline-block;
vertical-align: middle;
padding: 5px;
width: 30px;
height: 30px;
}
#taskContent {
}
.shape {
margin: 5px;
}
#undoBtnContainer {
text-align: center;
margin: 15px 0;
}
#taskProcess {
position: relative;
margin-top: 30px;
}
#taskProcess span {
vertical-align: middle;
display: inline-block;
height: 100%;
line-height: 40px;
}
.shapes {
margin-bottom: 5px;
text-align: center;
}
#topBar {
margin-top: 20px;
text-align: center;
}
#topBar * {
display: inline-block;
vertical-align: middle;
text-align: center;
}
#allShapes {
width: 500px;
}
#beforeAfter {
margin-top: 2em;
padding: 0.5em;
float: left;
}
#originFrame, #targetFrame {
margin-top: 1em;
padding: 0.5em;
width: 80%;
float: right;
}
#targetFrame {
border: 2px solid green;
}
#originFrame {
border: 2px solid #AAAAFF;
}
#comment {
color: green;
min-height: 1.5em;
text-align: center;
}
.areaTitle {
text-align: center;
}
.instructions {
margin-left: 20px;
}
</style>
</head>
<body>
<div id="task">
<h1>التعويضات</h1>
<div id="tabsContainer"></div>
<div id="taskContent">
<div id="zone_1">
<div class="consigne">
<p>
اجعل الرّسم الموالي مطابقا للهدف المطلوب باستعمال التعويضات المناسبة
</p>
<p>
.بإمكانك تعويض أي شكل بشكل آخر من خلال اختيار هذين الشكلين باستعمال الأزرار رمادية اللّون
</p>
<p>
.اذا لم تجد مخرجا بإمكانك إلغاء أي مرحلة
</p>
</div>
</div>
<div id="zone_2">
<p class="instructions">:اختر واحدا ممّا يلي </p>
<div id="topBar">
<div class="shapes" id="allShapes"></div>
<input type="button" id="undo">
</div>
<div class="shapes" id="beforeAfter"></div>
<div id="comment"></div>
<div id="originFrame">
<div class="areaTitle">:رسم</div>
<div class="shapes" id="originShapes"></div>
</div>
<div id="targetFrame">
<div class="areaTitle">:هدف</div>
<div class="shapes" id="targetShapes"></div>
</div>
</div>
<img src="icon.png" style="display:none">
</div>
</div><!-- #task -->
<div id="solution">
<h2>Solution</h2>
</div>
</body>
</html>