Ukazka prijimaciho testu - z webu IT
pepinno
4 years ago
parent
bdaf1714f4
commit
28da3c8509
@ -0,0 +1,4 @@
|
||||
+++
|
||||
title = "Ukázka přijímacího testu"
|
||||
template = "bc_test.html"
|
||||
+++
|
||||
@ -0,0 +1,286 @@
|
||||
var exam = [];
|
||||
var inputs = [];
|
||||
var correctAnswersIdList = [];
|
||||
var points = 0;
|
||||
var maxPoints = 40;
|
||||
|
||||
$(document).ready(function () {
|
||||
// Create form
|
||||
createExam();
|
||||
|
||||
// Catch submit action and change page without reload
|
||||
performSubmit();
|
||||
});
|
||||
|
||||
|
||||
|
||||
function createExam() {
|
||||
|
||||
// Load data from JSON
|
||||
exam = (function () {
|
||||
var exam = [];
|
||||
$.ajax({
|
||||
async: false,
|
||||
global: false,
|
||||
url: "/bc_test/data.json",
|
||||
dataType: "json",
|
||||
success: function (data) {
|
||||
exam = data;
|
||||
},
|
||||
error: function (XMLHttpRequest, textStatus, errorThrown) {
|
||||
// console.log("Status: " + textStatus);
|
||||
// console.log("Error: " + errorThrown);
|
||||
}
|
||||
});
|
||||
return exam;
|
||||
})();
|
||||
|
||||
var questions = document.getElementById("questions");
|
||||
var tasks = document.getElementById("tasks");
|
||||
|
||||
// console.log(exam);
|
||||
|
||||
// Create HTML
|
||||
shuffle(exam.questions).forEach(function (question) {
|
||||
var container = createExamItem(question);
|
||||
questions.appendChild(container);
|
||||
});
|
||||
|
||||
// Create HTML
|
||||
shuffle(exam.tasks).forEach(function (task) {
|
||||
var container = createExamItem(task);
|
||||
tasks.appendChild(container);
|
||||
});
|
||||
|
||||
// console.log("I\'m done here!");
|
||||
|
||||
}
|
||||
|
||||
function createExamItem(item) {
|
||||
var container = document.createElement("DIV");
|
||||
var text = document.createElement("P");
|
||||
text.className = "question";
|
||||
|
||||
text.innerText = item.text;
|
||||
container.appendChild(text);
|
||||
|
||||
var path = "/bc_test/images/";
|
||||
|
||||
if (item.image !== null) {
|
||||
var figure = document.createElement("FIGURE");
|
||||
|
||||
if (item.image.src !== undefined) {
|
||||
var image = document.createElement("IMG");
|
||||
image.src = path + item.image.src;
|
||||
figure.appendChild(image);
|
||||
}
|
||||
if (item.image.svg !== undefined) {
|
||||
var object = document.createElement("OBJECT");
|
||||
object.data = path + item.image.svg;
|
||||
object.type = "image/svg+xml";
|
||||
figure.appendChild(object);
|
||||
}
|
||||
|
||||
container.appendChild(figure);
|
||||
}
|
||||
var anscontainer = document.createElement("DIV");
|
||||
container.appendChild(anscontainer);
|
||||
anscontainer.className="container";
|
||||
|
||||
if (item.answers.length > 1) {
|
||||
// Create radio button with label for each of the answers
|
||||
shuffle(item.answers).forEach(function (answer) {
|
||||
|
||||
var id = item.id + "_" + answer.id;
|
||||
|
||||
// Save input for later usage
|
||||
inputs.push(id);
|
||||
|
||||
var subContainer = document.createElement("DIV");
|
||||
subContainer.id = id + "_div";
|
||||
subContainer.className = "answer";
|
||||
|
||||
// Store all correct answers
|
||||
if (answer.isCorrect) {
|
||||
correctAnswersIdList.push(id);
|
||||
}
|
||||
|
||||
var input = document.createElement("INPUT");
|
||||
input.type = "radio";
|
||||
input.name = item.id;
|
||||
input.id = id;
|
||||
input.value = id;
|
||||
// input.required = true;
|
||||
|
||||
subContainer.appendChild(input);
|
||||
|
||||
var label = document.createElement("LABEL");
|
||||
label.setAttribute("for", id);
|
||||
label.innerText = answer.text;
|
||||
|
||||
subContainer.appendChild(label);
|
||||
|
||||
anscontainer.appendChild(subContainer);
|
||||
|
||||
});
|
||||
} else {
|
||||
var answer = item.answers[0];
|
||||
|
||||
var id = item.id + "_" + answer.id;
|
||||
|
||||
// Save input for later usage
|
||||
inputs.push(id);
|
||||
|
||||
var subContainer = document.createElement("DIV");
|
||||
subContainer.id = id + "_div";
|
||||
subContainer.className = "answer single";
|
||||
|
||||
if (item.prefix != null) {
|
||||
// console.log(item.prefix);
|
||||
var prefix = document.createElement("SPAN");
|
||||
prefix.innerText = item.prefix;
|
||||
subContainer.appendChild(prefix);
|
||||
}
|
||||
|
||||
var input = document.createElement("INPUT");
|
||||
input.type = "text";
|
||||
input.name = item.id;
|
||||
input.id = id;
|
||||
// input.required = true;
|
||||
|
||||
subContainer.appendChild(input);
|
||||
|
||||
anscontainer.appendChild(subContainer);
|
||||
}
|
||||
|
||||
// console.log(item);
|
||||
|
||||
return container;
|
||||
}
|
||||
|
||||
function performSubmit() {
|
||||
|
||||
$("#examFrom").submit(function (event) {
|
||||
|
||||
// console.log(event);
|
||||
|
||||
// Prevent form submit
|
||||
event.preventDefault();
|
||||
|
||||
var correctAnswersId = [];
|
||||
var wrongAnswersId = [];
|
||||
var submittedAnswersId = [];
|
||||
|
||||
// Collect all submitted answers
|
||||
$("#examFrom :input[type=radio]").serializeArray().forEach(function (answer) {
|
||||
submittedAnswersId.push(answer.value);
|
||||
});
|
||||
|
||||
// Collect all wrong answers and count points
|
||||
wrongAnswersId = $(submittedAnswersId).not(correctAnswersIdList).get();
|
||||
correctAnswersId = $(submittedAnswersId).not(wrongAnswersId).get();
|
||||
points = (submittedAnswersId.length - wrongAnswersId.length) * 2;
|
||||
|
||||
// console.log(points);
|
||||
|
||||
// Collect all submitted answers
|
||||
$("#examFrom :input[type=text]").serializeArray().forEach(function (answer) {
|
||||
|
||||
// Move on if there is no answer
|
||||
if (!answer.value == "") {
|
||||
(exam.questions).forEach(function (question) {
|
||||
if (question.id == answer.name) {
|
||||
if (question.answers[0].text.toLowerCase() == answer.value.toLowerCase()) {
|
||||
correctAnswersId.push(answer.name + "_0");
|
||||
points += 2;
|
||||
} else {
|
||||
wrongAnswersId.push(answer.name + "_0");
|
||||
}
|
||||
|
||||
/*
|
||||
var solution = document.createElement("P");
|
||||
solution.innerText = "Správná odpověď je: " + question.answers[0].text;
|
||||
document.getElementById(answer.name + "_0_div").appendChild(solution);
|
||||
*/
|
||||
}
|
||||
});
|
||||
|
||||
(exam.tasks).forEach(function (task) {
|
||||
if (task.id == answer.name) {
|
||||
if (task.answers[0].text == answer.value) {
|
||||
correctAnswersId.push(answer.name + "_0");
|
||||
points += 5;
|
||||
} else {
|
||||
wrongAnswersId.push(answer.name + "_0");
|
||||
}
|
||||
|
||||
/*
|
||||
var solution = document.createElement("P");
|
||||
solution.innerText = "Správná odpověď je: " + task.answers[0].text;
|
||||
document.getElementById(answer.name + "_0_div").appendChild(solution);
|
||||
*/
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
// console.log(points);
|
||||
|
||||
// console.log(points);
|
||||
|
||||
// Disable all inputs
|
||||
/*
|
||||
inputs.forEach(function (input) {
|
||||
$("#" + input).prop('disabled', true);
|
||||
});
|
||||
*/
|
||||
|
||||
/*
|
||||
console.log("Submitted: " + submittedAnswersId);
|
||||
console.log("Wrong: " + wrongAnswersId);
|
||||
console.log("Correct: " + correctAnswersId);
|
||||
*/
|
||||
|
||||
// Reset highlighting
|
||||
$("div").removeAttr('style');
|
||||
|
||||
wrongAnswersId.forEach(function (wrongAnswer) {
|
||||
$("#" + wrongAnswer + "_div").addClass("wrongAnswer");
|
||||
});
|
||||
|
||||
correctAnswersId.forEach(function (correctAnswer) {
|
||||
$("#" + correctAnswer + "_div").removeClass("wrongAnswer").addClass("correctAnswer");
|
||||
});
|
||||
|
||||
// Delete submit button to prevent another submit
|
||||
// $("input:submit:first-of-type").remove();
|
||||
|
||||
// TODO: Add preview of result
|
||||
var resultsContainer = document.getElementById("results");
|
||||
var procnet = Number(points) * 100 /Number(maxPoints);
|
||||
//resultsContainer.innerHTML = "<p>Získáno "+ procnet + "% (" + points + "/" + maxPoints +") bodů. </p>Správně <p>" + correctAnswersId.length + " otázek ze " + (exam.questions.length + exam.tasks.length) + "</p>";
|
||||
resultsContainer.innerHTML = procnet + "%";
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
// Shuffles the given array to create random order
|
||||
function shuffle(array) {
|
||||
var currentIndex = array.length, temporaryValue, randomIndex;
|
||||
|
||||
// While there remain elements to shuffle...
|
||||
while (0 !== currentIndex) {
|
||||
|
||||
// Pick a remaining element...
|
||||
randomIndex = Math.floor(Math.random() * currentIndex);
|
||||
currentIndex -= 1;
|
||||
|
||||
// And swap it with the current element.
|
||||
temporaryValue = array[currentIndex];
|
||||
array[currentIndex] = array[randomIndex];
|
||||
array[randomIndex] = temporaryValue;
|
||||
}
|
||||
|
||||
return array;
|
||||
}
|
||||
@ -0,0 +1,333 @@
|
||||
{
|
||||
"questions": [
|
||||
{
|
||||
"id": 0,
|
||||
"text": "Protokol pro přenos hypertextových dokumentů v Internetu označujeme:",
|
||||
"image": null,
|
||||
"prefix": null,
|
||||
"answers": [
|
||||
{
|
||||
"id": 0,
|
||||
"text": "html",
|
||||
"isCorrect": false
|
||||
},
|
||||
{
|
||||
"id": 1,
|
||||
"text": "http",
|
||||
"isCorrect": true
|
||||
},
|
||||
{
|
||||
"id": 2,
|
||||
"text": "url",
|
||||
"isCorrect": false
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
"text": "www",
|
||||
"isCorrect": false
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": 1,
|
||||
"text": "Text v šestnáctkovém kódování má podobu 4D4154454D4154494B41. Po zpětném dekódování dostaneme:",
|
||||
"image": null,
|
||||
"prefix": null,
|
||||
"answers": [
|
||||
{
|
||||
"id": 0,
|
||||
"text": "INFORMATIK",
|
||||
"isCorrect": false
|
||||
},
|
||||
{
|
||||
"id": 1,
|
||||
"text": "LOGISTICKY",
|
||||
"isCorrect": false
|
||||
},
|
||||
{
|
||||
"id": 2,
|
||||
"text": "ARITMETIKA",
|
||||
"isCorrect": false
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
"text": "MATEMATIKA",
|
||||
"isCorrect": true
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": 2,
|
||||
"text": "Součet dvou čísel vyjádřený ve dvojkové soustavě 110011 a 100001 je ve dvojkové soustavě roven:",
|
||||
"image": null,
|
||||
"prefix": null,
|
||||
"answers": [
|
||||
{
|
||||
"id": 0,
|
||||
"text": "1100110",
|
||||
"isCorrect": false
|
||||
},
|
||||
{
|
||||
"id": 1,
|
||||
"text": "1010100",
|
||||
"isCorrect": true
|
||||
},
|
||||
{
|
||||
"id": 2,
|
||||
"text": "1001100",
|
||||
"isCorrect": false
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
"text": "1111000",
|
||||
"isCorrect": false
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
"text": "Jakou zkratkou označujeme optické rozpoznávání znaků?",
|
||||
"image": null,
|
||||
"prefix": null,
|
||||
"answers": [
|
||||
{
|
||||
"id": 0,
|
||||
"text": "URL",
|
||||
"isCorrect": false
|
||||
},
|
||||
{
|
||||
"id": 1,
|
||||
"text": "OCR",
|
||||
"isCorrect": true
|
||||
},
|
||||
{
|
||||
"id": 2,
|
||||
"text": "OZR",
|
||||
"isCorrect": false
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
"text": "ORL",
|
||||
"isCorrect": false
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": 4,
|
||||
"text": "Úhlopříčka obrazovky mobilního telefonu o délce 5\" (palců) je rovna:",
|
||||
"image": null,
|
||||
"prefix": null,
|
||||
"answers": [
|
||||
{
|
||||
"id": 0,
|
||||
"text": "50 cm",
|
||||
"isCorrect": false
|
||||
},
|
||||
{
|
||||
"id": 1,
|
||||
"text": "24,5 cm",
|
||||
"isCorrect": false
|
||||
},
|
||||
{
|
||||
"id": 2,
|
||||
"text": "17,78 cm",
|
||||
"isCorrect": false
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
"text": "12,7 cm",
|
||||
"isCorrect": true
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": 5,
|
||||
"text": "Senátora, který se účastnil se 17 senátory zasedání senátu se zeptali: \"Jak velká část senátu je dnes přítomna?\" Odpověděl: \"Dnes jsou zde jen dvě třetiny z třetiny celého senátu.\" Kolik senátorů je celkem v senátu?",
|
||||
"image": null,
|
||||
"prefix": null,
|
||||
"answers": [
|
||||
{
|
||||
"id": 0,
|
||||
"text": "81",
|
||||
"isCorrect": true
|
||||
},
|
||||
{
|
||||
"id": 1,
|
||||
"text": "51",
|
||||
"isCorrect": false
|
||||
},
|
||||
{
|
||||
"id": 2,
|
||||
"text": "68",
|
||||
"isCorrect": false
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
"text": "76",
|
||||
"isCorrect": false
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": 6,
|
||||
"text": "Před včerejškem byl podle kalendáře den, který předchází středě. Jaký den bude pozítří?",
|
||||
"image": null,
|
||||
"prefix": null,
|
||||
"answers": [
|
||||
{
|
||||
"id": 0,
|
||||
"text": "sobota",
|
||||
"isCorrect": true
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": 7,
|
||||
"text": "Určete celkový odpor na svorkách obvodu zapojeného podle schématu:",
|
||||
"image": {
|
||||
|
||||
"svg": "obvod.svg"
|
||||
},
|
||||
"prefix": null,
|
||||
"answers": [
|
||||
{
|
||||
"id": 0,
|
||||
"text": "2R",
|
||||
"isCorrect": false
|
||||
},
|
||||
{
|
||||
"id": 1,
|
||||
"text": "3R",
|
||||
"isCorrect": false
|
||||
},
|
||||
{
|
||||
"id": 2,
|
||||
"text": "1/2R",
|
||||
"isCorrect": false
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
"text": "3/2R",
|
||||
"isCorrect": true
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": 8,
|
||||
"text": "Která z uvedených vzdáleností je nejdelší?",
|
||||
"image": null,
|
||||
"prefix": null,
|
||||
"answers": [
|
||||
{
|
||||
"id": 0,
|
||||
"text": "tři sta milionů cm",
|
||||
"isCorrect": true
|
||||
},
|
||||
{
|
||||
"id": 1,
|
||||
"text": "dvě miliardy mm",
|
||||
"isCorrect": false
|
||||
},
|
||||
{
|
||||
"id": 2,
|
||||
"text": "sto tisíc m",
|
||||
"isCorrect": false
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
"text": "tisíc šest set km",
|
||||
"isCorrect": false
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": 9,
|
||||
"text": "Elektrická energie 1 kWh je odebrána spotřebičem o odporu 20 Ω za dobu 30 minut. Čemu je roven proud?",
|
||||
"image": null,
|
||||
"prefix": null,
|
||||
"answers": [
|
||||
{
|
||||
"id": 0,
|
||||
"text": "2 A",
|
||||
"isCorrect": false
|
||||
},
|
||||
{
|
||||
"id": 1,
|
||||
"text": "4 A",
|
||||
"isCorrect": false
|
||||
},
|
||||
{
|
||||
"id": 2,
|
||||
"text": "10 A",
|
||||
"isCorrect": true
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
"text": "20 A",
|
||||
"isCorrect": false
|
||||
}
|
||||
]
|
||||
}
|
||||
],
|
||||
"tasks": [
|
||||
{
|
||||
"id": 10,
|
||||
"text": "Krokujte algoritmus znázorněný následujícím ikonickým zápisem a určete jaká hodnota bude na konci programu vypsána.",
|
||||
"image": {
|
||||
|
||||
"svg": "algoritmus.svg"
|
||||
},
|
||||
"prefix": null,
|
||||
"answers": [
|
||||
{
|
||||
"id": 0,
|
||||
"text": "15",
|
||||
"isCorrect": true
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": 11,
|
||||
"text": "Určete číslice K, L, M a N, různé od nuly, tak, aby z nich vzniklá čísla vyhovovala součtu čísel v desítkové soustavě podle vzoru:",
|
||||
"image": {
|
||||
"svg": "vzor.svg"
|
||||
},
|
||||
"prefix": "KLMN = ",
|
||||
"answers": [
|
||||
{
|
||||
"id": 0,
|
||||
"text": "1573",
|
||||
"isCorrect": true
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": 12,
|
||||
"text": "Určete součet prvních osmi členů aritmetické posloupnosti, jestliže se součet prvních tří členů rovná 12 a součet prvních pěti členů je 30.",
|
||||
"image": null,
|
||||
"prefix": null,
|
||||
"answers": [
|
||||
{
|
||||
"id": 0,
|
||||
"text": "72",
|
||||
"isCorrect": true
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": 13,
|
||||
"text": "Zjistěte třímístný číselný kód k zámku pro který platí následující tvrzení o jednotlivých kombinacích:",
|
||||
"image": {
|
||||
"svg": "zamek.svg"
|
||||
},
|
||||
"prefix": null,
|
||||
"answers": [
|
||||
{
|
||||
"id": 0,
|
||||
"text": "042",
|
||||
"isCorrect": true
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -0,0 +1,27 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="Vrstva_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="279px" height="288px" viewBox="0 0 279 288" enable-background="new 0 0 279 288" xml:space="preserve">
|
||||
<path fill="#F2F2F2" stroke="#000000" stroke-miterlimit="10" d="M260.5,259.5c0,6.627-5.373,12-12,12h-219c-6.627,0-12-5.373-12-12 v-228c0-6.627,5.373-12,12-12h219c6.627,0,12,5.373,12,12V259.5z"/>
|
||||
<rect x="74.667" y="53.669" fill="none" width="138.667" height="28.667"/>
|
||||
<rect x="17.5" y="72.5" fill="#E6E6E6" stroke="#000000" stroke-miterlimit="10" width="243" height="171"/>
|
||||
<rect x="44.5" y="99.5" fill="#F2F2F2" stroke="#000000" stroke-miterlimit="10" width="216" height="126"/>
|
||||
<rect x="71.5" y="126.5" fill="#FFFFFF" stroke="#000000" stroke-miterlimit="10" width="189" height="27"/>
|
||||
<rect x="71.5" y="180.5" fill="#FFFFFF" stroke="#000000" stroke-miterlimit="10" width="189" height="27"/>
|
||||
<rect x="17.5" y="45.5" fill="#FFFFFF" stroke="#000000" stroke-miterlimit="10" width="243" height="27"/>
|
||||
<rect x="54" y="108" fill="none" width="216" height="18"/>
|
||||
<text transform="matrix(1 0 0 1 54 116.5918)"><tspan x="0" y="0" font-family="Arial" font-size="12">Když je </tspan><tspan x="42.686" y="0" fill="#0000FF" font-family="Arial" font-size="12">a</tspan><tspan x="49.359" y="0" font-family="Arial" font-size="12"> dělitelné třemi beze zbytku</tspan></text>
|
||||
<rect x="27" y="30.999" fill="none" width="225" height="14.001"/>
|
||||
<text transform="matrix(1 0 0 1 119.833 39.5908)" font-family="Arial" font-size="12">START</text>
|
||||
<rect x="27" y="54" fill="none" width="252" height="18"/>
|
||||
<text transform="matrix(1 0 0 1 27 62.5918)"><tspan x="0" y="0" font-family="Arial" font-size="12">Nastav </tspan><tspan x="40.682" y="0" fill="#0000FF" font-family="Arial" font-size="12">a</tspan><tspan x="47.355" y="0" font-family="Arial" font-size="12"> na </tspan><tspan x="67.371" y="0" font-family="Arial" font-size="12">0</tspan></text>
|
||||
<rect x="27" y="81" fill="none" width="216" height="18"/>
|
||||
<text transform="matrix(1 0 0 1 27 89.5918)" font-family="Arial" font-size="12">Opakuj 10 krát</text>
|
||||
<rect x="81" y="135" fill="none" width="216" height="18"/>
|
||||
<text transform="matrix(1 0 0 1 81 143.5918)"><tspan x="0" y="0" font-family="Arial" font-size="12">Zvyš </tspan><tspan x="28.664" y="0" fill="#0000FF" font-family="Arial" font-size="12">a</tspan><tspan x="35.338" y="0" font-family="Arial" font-size="12"> o 1</tspan></text>
|
||||
<rect x="81" y="189" fill="none" width="216" height="18"/>
|
||||
<text transform="matrix(1 0 0 1 81 197.5918)"><tspan x="0" y="0" font-family="Arial" font-size="12">Zvyš </tspan><tspan x="28.664" y="0" fill="#0000FF" font-family="Arial" font-size="12">a</tspan><tspan x="35.338" y="0" font-family="Arial" font-size="12"> o 2</tspan></text>
|
||||
<rect x="27" y="252" fill="none" width="225" height="18"/>
|
||||
<text transform="matrix(1 0 0 1 88.8047 260.5918)"><tspan x="0" y="0" font-family="Arial" font-size="12">Ukaž proměnnou </tspan><tspan x="94.717" y="0" fill="#0000FF" font-family="Arial" font-size="12">a</tspan><tspan x="101.391" y="0" font-family="Arial" font-size="12"> </tspan></text>
|
||||
<rect x="54" y="162" fill="none" width="216" height="18"/>
|
||||
<text transform="matrix(1 0 0 1 54 170.5918)" font-family="Arial" font-size="12">jinak</text>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.4 KiB |
@ -0,0 +1,25 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="Vrstva_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="306px" height="99px" viewBox="0 0 306 99" enable-background="new 0 0 306 99" xml:space="preserve">
|
||||
<line fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" x1="288" y1="55" x2="18" y2="55"/>
|
||||
<circle fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" cx="13.5" cy="54.5" r="4"/>
|
||||
<rect x="125" y="46" fill="#FFFFFF" stroke="#000000" stroke-width="2" stroke-miterlimit="10" width="54" height="18"/>
|
||||
<rect x="215" y="46" fill="#FFFFFF" stroke="#000000" stroke-width="2" stroke-miterlimit="10" width="54" height="18"/>
|
||||
<rect x="35" y="46" fill="#FFFFFF" stroke="#000000" stroke-width="2" stroke-miterlimit="10" width="54" height="18"/>
|
||||
<circle stroke="#000000" stroke-width="2" stroke-miterlimit="10" cx="108.5" cy="54.5" r="2.5"/>
|
||||
<line fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" x1="108" y1="55" x2="108" y2="82"/>
|
||||
<line fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" x1="107" y1="82" x2="288" y2="82"/>
|
||||
<line fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" x1="287" y1="81" x2="287" y2="54"/>
|
||||
<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" cx="292.25" cy="18.5" rx="4.25" ry="4"/>
|
||||
<line fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" x1="288" y1="19" x2="199" y2="19"/>
|
||||
<circle stroke="#000000" stroke-width="2" stroke-miterlimit="10" cx="198.5" cy="54.5" r="2.5"/>
|
||||
<line fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" x1="198" y1="54" x2="198" y2="18"/>
|
||||
<rect x="36" y="27" fill="none" width="54" height="18"/>
|
||||
<text transform="matrix(1 0 0 1 57.5024 39.6001)" font-family="'TimesNewRomanPS-ItalicMT'" font-style="italic" font-size="18">R</text>
|
||||
<rect x="126" y="27" fill="none" width="54" height="18"/>
|
||||
<text transform="matrix(1 0 0 1 147.5024 39.6001)" font-family="'TimesNewRomanPS-ItalicMT'" font-size="18" font-style="italic">R</text>
|
||||
<rect x="216" y="27" fill="none" width="54" height="18"/>
|
||||
<text transform="matrix(1 0 0 1 237.502 39.6001)" font-family="'TimesNewRomanPS-ItalicMT'" font-size="18" font-style="italic">R</text>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.4 KiB |
@ -0,0 +1,21 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="Vrstva_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="81px" height="108px" viewBox="0 0 81 108" enable-background="new 0 0 81 108" xml:space="preserve">
|
||||
<text transform="matrix(1 0 0 1 9 18)" font-family="'ArialMT'" font-size="14">K</text>
|
||||
<text transform="matrix(1 0 0 1 28.1577 18)" font-family="'ArialMT'" font-size="14">L</text>
|
||||
<text transform="matrix(1 0 0 1 44.0952 18)" font-family="'ArialMT'" font-size="14">M</text>
|
||||
<text transform="matrix(1 0 0 1 63 18)" font-family="'ArialMT'" font-size="14">N</text>
|
||||
<text transform="matrix(1 0 0 1 28.1577 36)" font-family="'ArialMT'" font-size="14">L</text>
|
||||
<text transform="matrix(1 0 0 1 44.0952 36)" font-family="'ArialMT'" font-size="14">M</text>
|
||||
<text transform="matrix(1 0 0 1 63 36)" font-family="'ArialMT'" font-size="14">N</text>
|
||||
<text transform="matrix(1 0 0 1 44.0952 54)" font-family="'ArialMT'" font-size="14">M</text>
|
||||
<text transform="matrix(1 0 0 1 63 54)" font-family="'ArialMT'" font-size="14">N</text>
|
||||
<text transform="matrix(1 0 0 1 63 72)" font-family="'ArialMT'" font-size="14">N</text>
|
||||
<line fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" x1="9" y1="82" x2="72" y2="82"/>
|
||||
<text transform="matrix(1 0 0 1 9 99)" font-family="'ArialMT'" font-size="14">2</text>
|
||||
<text transform="matrix(1 0 0 1 27 99)" font-family="'ArialMT'" font-size="14">2</text>
|
||||
<text transform="matrix(1 0 0 1 45 99)" font-family="'ArialMT'" font-size="14">2</text>
|
||||
<text transform="matrix(1 0 0 1 63 99)" font-family="'ArialMT'" font-size="14">2</text>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.8 KiB |
@ -0,0 +1,47 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="Vrstva_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="351.092px" height="143.597px" viewBox="0 0 351.092 143.597" enable-background="new 0 0 351.092 143.597"
|
||||
xml:space="preserve">
|
||||
<path fill="#FFFFFF" stroke="#000000" stroke-miterlimit="10" d="M63.167,21.167c0,3.313-2.687,6-6,6h-42c-3.313,0-6-2.687-6-6v-6
|
||||
c0-3.313,2.687-6,6-6h42c3.313,0,6,2.687,6,6V21.167z"/>
|
||||
<text transform="matrix(1 0 0 1 15.1392 22.4917)" font-family="'MyriadPro-Regular'" font-size="14">6</text>
|
||||
<text transform="matrix(1 0 0 1 33.1392 22.4917)" font-family="'MyriadPro-Regular'" font-size="14">8</text>
|
||||
<text transform="matrix(1 0 0 1 51.1392 22.4917)" font-family="'MyriadPro-Regular'" font-size="14">2</text>
|
||||
<line fill="none" stroke="#000000" stroke-miterlimit="10" x1="27.167" y1="8.667" x2="27.167" y2="26.667"/>
|
||||
<line fill="none" stroke="#000000" stroke-miterlimit="10" x1="45.167" y1="8.667" x2="45.167" y2="26.667"/>
|
||||
<path fill="#FFFFFF" stroke="#000000" stroke-miterlimit="10" d="M63.167,47.167c0,3.313-2.687,6-6,6h-42c-3.313,0-6-2.687-6-6v-6
|
||||
c0-3.313,2.687-6,6-6h42c3.313,0,6,2.687,6,6V47.167z"/>
|
||||
<text transform="matrix(1 0 0 1 15.1392 48.4912)" font-family="'MyriadPro-Regular'" font-size="14">6</text>
|
||||
<text transform="matrix(1 0 0 1 33.1392 48.4912)" font-family="'MyriadPro-Regular'" font-size="14">1</text>
|
||||
<text transform="matrix(1 0 0 1 51.1392 48.4912)" font-family="'MyriadPro-Regular'" font-size="14">4</text>
|
||||
<line fill="none" stroke="#000000" stroke-miterlimit="10" x1="27.167" y1="34.667" x2="27.167" y2="52.667"/>
|
||||
<line fill="none" stroke="#000000" stroke-miterlimit="10" x1="45.167" y1="34.667" x2="45.167" y2="52.667"/>
|
||||
<path fill="#FFFFFF" stroke="#000000" stroke-miterlimit="10" d="M63.167,75.167c0,3.313-2.687,6-6,6h-42c-3.313,0-6-2.687-6-6v-6
|
||||
c0-3.313,2.687-6,6-6h42c3.313,0,6,2.687,6,6V75.167z"/>
|
||||
<text transform="matrix(1 0 0 1 15.1392 76.4912)" font-family="'MyriadPro-Regular'" font-size="14">2</text>
|
||||
<text transform="matrix(1 0 0 1 33.1392 76.4912)" font-family="'MyriadPro-Regular'" font-size="14">0</text>
|
||||
<text transform="matrix(1 0 0 1 51.1392 76.4912)" font-family="'MyriadPro-Regular'" font-size="14">6</text>
|
||||
<line fill="none" stroke="#000000" stroke-miterlimit="10" x1="27.167" y1="62.667" x2="27.167" y2="80.667"/>
|
||||
<line fill="none" stroke="#000000" stroke-miterlimit="10" x1="45.167" y1="62.667" x2="45.167" y2="80.667"/>
|
||||
<path fill="#FFFFFF" stroke="#000000" stroke-miterlimit="10" d="M63.167,102.167c0,3.313-2.687,6-6,6h-42c-3.313,0-6-2.687-6-6v-6
|
||||
c0-3.313,2.687-6,6-6h42c3.313,0,6,2.687,6,6V102.167z"/>
|
||||
<text transform="matrix(1 0 0 1 15.1392 103.4912)" font-family="'MyriadPro-Regular'" font-size="14">7</text>
|
||||
<text transform="matrix(1 0 0 1 33.1392 103.4912)" font-family="'MyriadPro-Regular'" font-size="14">3</text>
|
||||
<text transform="matrix(1 0 0 1 51.1392 103.4912)" font-family="'MyriadPro-Regular'" font-size="14">8</text>
|
||||
<line fill="none" stroke="#000000" stroke-miterlimit="10" x1="27.167" y1="89.667" x2="27.167" y2="107.667"/>
|
||||
<line fill="none" stroke="#000000" stroke-miterlimit="10" x1="45.167" y1="89.667" x2="45.167" y2="107.667"/>
|
||||
<path fill="#FFFFFF" stroke="#000000" stroke-miterlimit="10" d="M63.167,128.167c0,3.313-2.687,6-6,6h-42c-3.313,0-6-2.687-6-6v-6
|
||||
c0-3.313,2.687-6,6-6h42c3.313,0,6,2.687,6,6V128.167z"/>
|
||||
<text transform="matrix(1 0 0 1 15.1392 129.4912)" font-family="'MyriadPro-Regular'" font-size="14">7</text>
|
||||
<text transform="matrix(1 0 0 1 33.1392 129.4912)" font-family="'MyriadPro-Regular'" font-size="14">8</text>
|
||||
<text transform="matrix(1 0 0 1 51.1392 129.4912)" font-family="'MyriadPro-Regular'" font-size="14">0</text>
|
||||
<line fill="none" stroke="#000000" stroke-miterlimit="10" x1="27.167" y1="115.667" x2="27.167" y2="133.667"/>
|
||||
<line fill="none" stroke="#000000" stroke-miterlimit="10" x1="45.167" y1="115.667" x2="45.167" y2="133.667"/>
|
||||
<text transform="matrix(1 0 0 1 73.7598 21.9917)" font-family="'MyriadPro-Regular'" font-size="14">jedno číslo je správně a na správném místě</text>
|
||||
<text transform="matrix(1 0 0 1 73.7598 47.9912)" font-family="'MyriadPro-Regular'" font-size="14">jedno číslo je správně, ale na špatném místě</text>
|
||||
<text transform="matrix(1 0 0 1 73.7598 75.9912)" font-family="'MyriadPro-Regular'" font-size="14">dvě čísla jsou správně, ale na špatných místech</text>
|
||||
<text transform="matrix(1 0 0 1 73.7598 102.9912)" font-family="'MyriadPro-Regular'" font-size="14">žádné číslo není správně</text>
|
||||
<text transform="matrix(1 0 0 1 73.7598 128.9912)" font-family="'MyriadPro-Regular'" font-size="14">jedno číslo je správně, ale na špatném místě</text>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.8 KiB |
@ -0,0 +1,32 @@
|
||||
{% extends "base.html" %}
|
||||
{% block extra %}
|
||||
{{ macro::breadcrumbs(page=page) }}
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<link rel="stylesheet" href="{{ get_url(path="bc_test/webit.css") | safe }}">
|
||||
<main>
|
||||
|
||||
|
||||
<section id="testit">
|
||||
<h1>{{ page.title }}</h1>
|
||||
<form id="examFrom" action="#" method="post">
|
||||
<header>Test sestává z 10 testových otázek po dvou bodech a 4 úloh po pěti bodech. Po odeslání se zvýrazní
|
||||
správně a chybně zodpovězené otázky a vypíše procentuální úspěšnost řešení.
|
||||
</header>
|
||||
<fieldset id="questions"></fieldset>
|
||||
<fieldset id="tasks"></fieldset>
|
||||
<div id="results"></div>
|
||||
<div class="footer"><input type="submit" value="Zkontrolovat odpovědi"></div>
|
||||
</form>
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
|
||||
<script src="{{ get_url(path="bc_test/app.js") }}"></script>
|
||||
|
||||
|
||||
</main>
|
||||
{% endblock content %}
|
||||
Loading…
Reference in New Issue