Мешкова М.А. Диссертация Методология разработки системы тестирования (1194684), страница 11
Текст из файла (страница 11)
В информации о пройденных тестированиях предоставлены следующие данные:
– количество вопросов тестирования;
– время, затраченное на прохождение тестирования;
– дата прохождения тестирования,
– результат прохождения тестирования.
Непройденные тесты располагаются в верхней части рабочей области приложения в порядке актуальности (от более актуальных к менее актуальным), пройденные тесты располагаются в хронологическом порядке по дате прохождения (от последних пройденных тестов к ранее пройденным тестам) (рисунок 28).
Рисунок 28 – Информация о тестированиях в режиме пользователя
Из данного раздела можно перейти на страницу выполнения нового тестирования в режиме контроля знаний и в режиме обучения, также можно посмотреть статистику.
При выборе прохождения нового тестирования в режиме контроля знаний происходит переход на страницу с тестированием (рисунок 29). В приложении представлены варианты вопросов четырех видов:
– закрытые вопросы;
– открытые вопросы;
– вопросы на установление соответствия;
– вопросы на установление последовательности.
В демонстрационном варианте системы тестирования представлены все виды вопросов. Также представлен вариант вопросов и использованием технологий мультимедиа (в данном случае, использование изображений).
На рисунке 28 представлена реализация вопроса в закрытой форме.
Рисунок 28 – Реализация вопроса в закрытой форме
На всех страницах тестирования отдельно выделен заголовок с номером вопроса, заданием и, непосредственно, самим вопросом.
Без отсутствия ответа на вопрос, кнопка перехода к следующему вопросу является неактивной. В подвале приложения доступна навигация по вопросам с указанием их статуса (активные, пройденные, не пройденные). В правом нижнем углу располагается таймер обратного отсчета времени. По истечении времени тестирования происходит автоматический переход к результатам тестирования.
Вопрос в закрытой форме выполнен и использованием радиокнопок (radiobutton). В таком режиме можно выбрать только один верный вариант ответа. При необходимости создания вопроса с выбором нескольких вариантов ответа данная структура заменяется на флажки (checkbox) (рисунок 29).
Рисунок 29 – Реализация закрытого вопроса с выбором нескольких вариантов ответа
В случае с реализации вопроса с выбором нескольких вариантов ответа, необходимо указать в задании, что ответов может быть несколько.
В обоих случаях выбор правильного ответа происходит как при нажатии на радиокнопку или флажок, так и при нажатии на название. После выбора ответа кнопка перехода к следующему вопросу становится активной (рисунок 30).
Рисунок 30 – Активация кнопки перехода к следующему вопросу
Пример закрытого вопроса с изображениями представлен на рисунке 31.
Рисунок 31 – Пример вопроса с элементами мультимедиа
Навигация по вопросам, находящаяся в подвале приложения является интерактивной. После того, как был получен ответ на вопрос, происходит выделение данного вопроса заливкой фона цветом, текущий вопрос также выделяется особым образом – меняется цвет текста и рамки вокруг номера вопроса.
При наведении курсора мыши на вариант ответа на вопрос происходит его визуальное выделение – появляется цветная рамка. При нажатии на элемент данная рамка остается (рисунок 32).
Рисунок 32 – Визуальное выделение ответа на вопрос
Реализация открытого вопроса представлена на рисунке 33.
Рисунок 33 – Реализация открытого вопроса
Открытый вопрос тестирования представлен в виде вопроса с пропущенным словом и полем для ввода ответа, находящимся под вопросом. При отсутствии информации в поле ответа, кнопка перехода к следующему вопросу неактивна.
Пример вопроса на соответствие выполнен с элементами мультимедиа. В данном случае соответствие устанавливается на основе цветов: каждый элемент группы, которую нужно соотнести с элементами второй группы имеет свой цвет рамки. Такой вариант реализации является наиболее наглядным. При нажатии на элемент определенного цвета происходит захват данного цвета и при наведении курсора мыши на элемент второй группы, у него появляется цветная рамка того же цвета (рисунок 34). При нажатии на элемент эта рамка остается на элементе. При смене решения по поводу выбранного ответа необходимо нажать на другой элемент, тогда на текущем элементе появится цветная рамка, а на предыдущем варианте ответа рамка пропадет.
Рисунок 34 – Реализация вопроса на соответствие
При нажатии на кнопку «Пропустить» ответ не учитывается и происходит переход к следующему неотвеченному вопросу.
Реализация вопроса на установление последовательности представлена на рисунке 35.
Рисунок 35 – Реализация вопроса на установление последовательности
Вопрос на установление последовательности реализован таким образом, что при открытии вопроса у каждого элемента есть поле для установления цифры, которое происходит как при нажатии на это поле, так и при нажатии на ответ (рисунок 36).
Рисунок 36 – Установление последовательности
Кнопка перехода к следующему вопросу становится активной только тогда, когда установлена полная последовательность. Также в данном вопросе присутствует дополнительная кнопка «Сбросить значения». Данная кнопка необходима для того, чтобы поменять ответ на вопрос при необходимости.
В демонстрационном варианте системы тестирования представлено 5 вопросов, поэтому при нажатии на кнопку «Следующий» при условии, что получены ответы на все вопросы происходит переход к результатам тестирования.
Переход к результатам тестирования происходит также при нажатии на кнопку «Завершить тестирование» в любой момент прохождения тестирования, но перед этим появляется окно, где пользователь должен подтвердить свою намеренность закончить тестирование (рисунок 37).
Рисунок 37 – Подтверждение окончания тестирования
В результатах тестирования (рисунок 38) отображается результат пройденного тестирования, время, затраченное на прохождение теста, количество вопросов тестирования, количество неверных ответов. Также на данной странице представлена детализация тестирования с указанием ответов пользователя, среди которых выделяются особым образом верные ответы и неверные ответы.
Рисунок 38 – Результаты тестирования
Со страницы «Результаты тестирования» можно перейти на страницу со статистикой, нажав на кнопку «Перейти к статистике».
В третьем основном разделе режима пользователя представлена статистика по пройденным тестированиям (рисунок 39).
Рисунок 39 – Статистика пользователя
Статистика устроена таким образом, что по результатам аналогичных тестов выполняется построение графика, по которому пользователь может оценить свой прогресс. При наведении курсора мыши на точку графика отображается более подробная информация о данном тестировании (рисунок 40).
Рисунок 40 – Подробная информация о тестировании на графике статистики
Графики являются наиболее наглядным инструментом предоставления подобной информации, с помощью графиков можно визуально оценить уровень изменения данных по тестированию.
Для создания графиков используется инструмент Google Chart Tools API от Google – интерфейс прикладного программирования для визуализации данных на web-страницах. С помощью данного инструмента можно строить разнообразные графики и диаграммы.
Графики, построенные с помощью данного инструмента отображаются с использованием технологии HTML5/SVG , что обеспечивает совместимость со всеми современными браузерами (включая старые версии браузера InternetExplorer) и кросс-платформенную портативность для различных операционных систем мобильных устройств, таких как iOS и Android.
Инструмент Google Chart Tools API находится в свободном доступе и является бесплатным [44].
По ссылкам, размещенным под графиком можно посмотреть детализацию по каждому тестированию с указанием верных и неверных ответов пользователя (рисунок 41). Ссылки располагаются в хронологическом порядке, сверху находится информация о последнем пройденном тестировании.
Рисунок 41 – Детализация тестирования
4.2.2 Структура режима администратора
В первом разделе приложения в режиме администратора находится основная информация об администраторе (рисунок 42).
Рисунок 42 – Основная информация в режиме администратора
Во втором разделе находится информация о тестированиях, разделенная по группам, поэтому сначала происходит переход на страницу выбора группы тестирования (рисунок 43).
Рисунок 43 – Группы пользователей
При переходе в конкретную группу пользователей, открывается информация о тестированиях по данной группе (рисунок 44).
Рисунок 44 – Информация о тестировании по группе пользователей
На данной странице доступна информация о существующих тестах для данного отдела. Также здесь можно создать новый тест, отредактировать или удалить существующий тест при наличии необходимых прав на это действие. Права на выполнения действий распределяются главным администратором системы тестирования в программно-административной части приложения. Создание нового теста, редактирование или удаление существующего теста происходит через программно-аппаратную часть приложения.
По каждому из существующих тестирований доступен просмотр статистики при нажатии на кнопку «Посмотреть статистику». После нажатия на кнопку происходит переход на страницу выбора даты, в которую проводилось необходимое тестирование (рисунок 45).
Рисунок 45 – Выбор даты тестирования
При выборе определенной даты тестирования происходит переход на статистику (рисунок 46).
![](https://s.studizba.com/z.php?f=/templates/si/i/noavatar.png&w=100&h=100&t=1"){kind=avatar}
