mirror of
https://github.com/olehomelchenko/minivlat-local-ua.git
synced 2025-12-21 21:22:24 +00:00
51 lines
3.6 KiB
HTML
51 lines
3.6 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="uk">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Consent Page</title>
|
||
<link rel="stylesheet" href="css/styles.css">
|
||
<script src="js/app.js" defer></script>
|
||
<script src="js/consent.js" defer></script>
|
||
</head>
|
||
<body>
|
||
<div class="container">
|
||
<h1>Згода на участь в дослідженні</h1>
|
||
<p>
|
||
Запрошуємо взяти участь в дослідженні з адаптації інструменту оцінки грамотності в візуалізації даних, яке проводять викладачі та студенти Київської школи економіки.
|
||
</p>
|
||
<p>
|
||
Мета дослідження – адаптація інструменту, який вимірює, наскільки вдало люди можуть розуміти, інтерпретувати та використовувати дані, що містяться в графіках, діаграмах тощо.
|
||
</p>
|
||
<p>
|
||
Вам буде запропоновано 12 різних типів візуалізацій даних. Кожен з них буде супроводжений запитанням, відповідь на яке потрібно дати, засновуючись на інформації що отримана із візуалізації. Мова опитування буде обрана випадковим чином із двох: українська або англійська. Оберіть відповідь, яку вважаєте найточнішою. Якщо ви не впевнені, оберіть “пропустити” аби не вгадувати. На кожне запитання ви маєте 25 секунд для відповіді. Якщо ви не встигли відповісти, тест автоматично перейде до наступного запитання.
|
||
</p>
|
||
<p>
|
||
Орієнтовний час проходження опитування - 8-10 хвилин.
|
||
</p>
|
||
<p>
|
||
Після надання відповідей ми попросимо вас також заповнити коротку демографічну анкету. Дані, що ми зберемо протягом опитування, є анонімними.
|
||
</p>
|
||
<p>
|
||
Якщо ви маєте будь-які питання щодо змісту та деталей дослідження, звʼяжіться з Олегом Омельченком o_omelchenko@kse.org.ua.
|
||
</p>
|
||
<p>
|
||
Дякуємо за допомогу в проведенні дослідження!
|
||
</p>
|
||
|
||
<button id="consentButton">Погоджуюсь з умовами, розпочати тест</button>
|
||
<script>
|
||
document.getElementById('consentButton').addEventListener('click', function() {
|
||
fetch('data/questions.json')
|
||
.then(response => response.json())
|
||
.then(data => {
|
||
const quizVersions = Object.keys(data.quizzes);
|
||
const randomVersion = quizVersions[Math.floor(Math.random() * quizVersions.length)];
|
||
localStorage.setItem('quizVersion', randomVersion);
|
||
window.location.href = 'quiz.html';
|
||
});
|
||
});
|
||
</script>
|
||
</div>
|
||
</body>
|
||
</html> |