fr
/
web
forked from kittv/web
1
0
Fork 0

Ukazka prijimaciho testu - z webu IT

search
pepinno 4 years ago
parent bdaf1714f4
commit 28da3c8509

@ -0,0 +1,4 @@
+++
title = "Ukázka přijímacího testu"
template = "bc_test.html"
+++

@ -124,7 +124,7 @@ main {
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
margin: 2em 0 1em 0;
margin: 1em 0;
}
h1 { font-size: 2em }
h2 { font-size: 1.6em }
@ -135,7 +135,7 @@ main {
}
a { font-weight: bold }
a:hover { text-decoration: underline }
ul {list-style: disc; margin-left: 1em;}
section {
margin-bottom: 5rem;
}

@ -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…
Cancel
Save