Создание сайта для тестирования

Создание сайта для тестирования

В статье описывается последовательное создание учебного теста. Если вы не хотите читать о программировании, то сразу переходите в раздел с инструкциями по изменению теста и его загрузки.

Создание простого теста

Развитие информационных технологий и дистанционного образования приводит к необходимости создания электронных учебных тестов. Многие учителя и преподаватели сталкиваются с проблемой создания учебных тестов. Главная сложность решения данной задачи в том, что при создании таких электронным материалов требуется знание HTML и jаvascript.

Как решить эту проблему. Учитель может воспользоваться онлайн конструктором тестов или же попытаться создать тест самостоятельно на основе использования шаблона. Именно второй вариант мы рассмотрим в данной статье.

Мы сформируем простой шаблон, который можно будет потом размножить на несколько файлов и каждый превратить в отдельный тест.

Допустим имеется несложный математический тест, состоящий из нескольких задач по математике:

Примеры нужно вывести на экран и дать ученику возможность ввести ответ, дальше сравнить ответ с правильным и показать ученику процент правильно выполненного задания.

Сначала создадим HTML код задач:

Напротив каждой задачи учебного теста мы подставили поле для ввода текста. Подробнее о различных полях в HTML читайте в статье по ссылке. В конце мы добавили кнопку, при нажатии на которую должна произойти проверка того, что набрал ученик в ответах текста.

Обратите внимание на идентификаторы “z_1”,”z_2” и “z_3”. Если вам нужно добавить задачу 4, то нужно просто скопировать последнюю строку с задачей, заменить условие и в поле идентификатора написать “z_4”.

В последней строке мы покажем результат выполнения заданий после проверки.

На следующем этапе нужно создать jаvascript код, который сравнит то, что набрал ученик с правильными ответами и подсчитает процент выполнения задач.

pr_otv_zadachi_1 = 55;
pr_otv_zadachi_2 = -9;
pr_otv_zadachi_3 = 85;

Первые три строки будут содержать правильные ответы. Четвертая и последующие задачи в тест добавляются путем копирования последней строки с ответом, подстановки числа 4 вместо 3 и указанием правильного ответа.

Теперь нужно узнать то, что ввел ученик в ответах. Для этого используем следующий код.

Читайте также:  Что такое термофиксатор в принтере самсунг

otv_uch_1 = document.getElementById(‘z_1’).value;
otv_uch_2 = document.getElementById(‘z_2’).value;
otv_uch_3 = document.getElementById(‘z_3’).value;

Четвертая задача будет означать новую строку с заменой цифр 3 на 4.

Далее нужно сравнить ответы ученика с правильными ответами. Если ответы будут совпадать, то за каждую задачу теста нужно добавить 1 балл.

ball = 0;
if(otv_uch_1 == pr_otv_zadachi_1) <
ball +=1;
>
if(otv_uch_2 == pr_otv_zadachi_2) <
ball +=1;
>
if(otv_uch_3 == pr_otv_zadachi_3) <
ball +=1;
>

Для добавления задачи 4 вам потребуется скопировать последние три строки и заменить цифры в них на 4.

Теперь нужно посчитать процент правильных ответов.

В этой строке мы указываем сколько всего задач в учебном тесте. Если вы добавили еще, то нужно исправить эту цифру.

procent_vip = ball/vsego_zadach * 100;

Затем нужно вывести ответ на экран.

document.getElementById(‘rezultat’).innerHTML = “Задания выполнены верно на ”+procent_vip+”%.”;

Вот и все. Теперь объединим весь код в одну HTML страницу.

Тест из нескольких задач по математике

Новые технологии в образовании, русский язык как иностранный, когнитивная лингвистика, новости и последние исследования в области преподавания иностранных языков,психолингвистика, педагогический дизайн, digital humanities и second language acquisition.

5 бесплатных сервисов для создания тестов онлайн

Всех еще раз поздравляю с началом нового учебного года!

Вы знаете, что на этом сайте вы можете найти много материалов для создания различных заданий онлайн, а сегодня вы еще узнаете о том, какие существуют онлайн конструкторы для создания тестов.

На рынке сейчас есть полноценные системы тестирования, которые не только позволяют не только создавать отдельные тесты, но и выстраивать весь процесс тестирования — от создания материалов дял проверки знаний до получения статистики в виде графиков и настраиваемых отчетов. Подробнее о таких система можете прочитать в статье "сравнение современных платформ для проверки знаний".

А ведь если подключить фантазию, то их тоже можно использовать во многих проектах.

Инструкция от GUSAROV по созданию интерактивных тестов на playbuzz.com

Если ты зовешь пользователей на свой сайт, то должен ему предложить что-то крутое. Текст может быть 1000 раз качественным, но какая разница, если ЦА ушла в пятничный рейв. Спасти ситуацию может геймификация. Наш первый тест Подходите ли вы на должность интернет-маркетолога в GUSAROV? был пробным и создавался на очень простом конструкторе, однако его сразу же прошло более 600 человек.

Читайте также:  Что значит запуск устройства невозможен код 10

Для создания второго теста Что вы знаете о новинках SEO и интернет-маркетинга был выбран Playbuzz. Это платформа для создания опросов, викторин, тестов и иного вирусного контента. Сайт на английском языке, но пользоваться им достаточно легко.

Внимание! Самый подробный и понятный туториал, как сделать тест на Playbuzz за несколько шагов.

Шаг 1 – написать текст на тест, вопросы и ответы

В интернете большое количество тестов, но не советуем идти по пути наименьшего сопротивления и копировать чужие вопросы-ответы. Скучные академические тесты – совершенно не то, что может привлечь пользователя. Тема текста должна быть актуальна, подача – оригинальна, а вопросы и варианты ответов – продуманны.

Определитесь с темой теста, напишите вопросы и ответы. Обратите внимание:

  • Оптимальный вариант: сочетание развлекательного и образовательного контента
  • Самая популярная тема для тестов – «ты». Используйте персонификацию

Главная цель использования такой геймификации – побудить пользователя пройти тест и поделиться результатом – распространить информацию о себе. Каждый так или иначе становится АВТОРОМ.

Шаг 2 – создать тест на playbuzz.com

Сначала необходимо пройти процедуру регистрации или выполнить вход через личный аккаунт или соц. сеть.

В правом верхнем углу выбираем CREATE. Вы увидите большой список видов контента, который можно создать: тесты, голосования, опросы, слайдшоу и т.д. Для разных задач выбираются разные форматы. Для создания тестов мы выбираем из списка Trivia.

В переводе с английского это значит «Пустяки». Это классическая викторина с правильными/неправильными вариантами ответов и персональным результатом.

Итак, как сделать тест на сайт на примере Что вы знаете о новинках SEO и интернет-маркетинга в 2017?

Добавляем название теста и описание. Используйте простые и понятные предложения – обращения к пользователям в интернете в развлекательном контенте не должны напоминать школьный экзамен. Загрузите главную фотографию теста.

Читайте также:  Корпус реактора ввэр 1200

Добавьте фото, которое будет отображаться в социальной сети.

Установите теги. Их можно выбрать из списка или вписать самостоятельно.

Учитывайте рекомендации по размеру и качеству фотографий.

Посмотрите дополнительные настройки для теста.

Permissions – укажите, кто будет видеть ваш тест. Можно выбрать варианты «Только я», «Доступ по ссылке» и «Публичный» (рекомендуется).

Язык – язык, на котором был написан тест. В нашем случае – русский.

Далее указывается алгоритм, по которому в тесте отображаются вопросы и варианты ответов. Мы поставили везде рандом – случайный порядок.

Создаем первый вопрос. Для всех последующих алгоритм сохраняется.

  • Впишите в поле вопрос
  • Добавьте необходимое количество вариантов ответа
  • Отметьте галочкой правильный ответ
  • Выберите фотографию

Внимание! Следите за тем, чтобы качество фото было достаточно хорошим. А содержание – так или иначе поддерживало идею теста и вписывалось в общий стиль. GUSAROV – еноты. Классика. Работаем дальше.

По этому принципу добавляем остальные вопросы — Add question.

Пропишите результаты. Для этого нужно снова добавить фото и текст. На прощание можете оставить какой-нибудь комментарий – ожидания пользователя должны быть оправданы!

Получившийся тест можно:

  • Посмотреть – Preview
  • Сохранить изменения (черновик) – Save draft
  • Опубликовать – Publish

Шаг 3 – добавить код теста на сайт

После сохранения теста, можно добавить его код на сайт.

Готово. Вы – великолепны!

Проходите наши тесты, делитесь результатами, бросайтесь тапками и замечаниями – мы всегда ЗА обратную связь и тесты, которые делают сайт круче.

Автор: Юлия Лисова

Подпишись на регулярный текст от босса и маркетолога. Здесь никогда не будет скучной информации.

Минск, пр. Победителей 103, офис 208 & 1413

Вы долистали до подвала, вы терпеливый товарищ,
давайте мы ответим на ваши вопросы по телефону

Ссылка на основную публикацию
Сколько человек сидит в одноклассниках
Mail.Ru Group исследовала и сравнила аудитории самых популярных в России социальных сетей — «Одноклассники», «Мой Мир», «ВКонтакте», Facebook и Twitter....
Сигнал flash в телефоне panasonic
● 19.12.08 13:08 - krepsky - 9 / 19.12.08 Два дня ломаю голову… Такая ситуация - купили партию телефонов Panasonic...
Сигналы материнской платы при загрузке
BIOS (Basic Input/Output System – базовая система ввода-вывода). Программа системного уровня, предназначенная для первоначального запуска компьютера, настройки оборудования и обеспечения...
Сколько четырехзначных чисел можно составить из нечетных
Условие Решение 1 Решение 2 Решение 3 Поиск в решебнике Популярные решебники Издатель: Н. Я. Виленкин, В. И. Жохов, А....
Adblock detector