Курсовая работа: Разработка учебного пособия Семейство компьютеров Pentium
«Тестирование» представляет собой набор вопросов, на каждый из которых предлагается несколько вариантов ответов. На первый взгляд, это достаточно просто, но на самом деле несколько похожих, но различных вариантов ответа на вопрос могут ввести человека в заблуждение, и выбрать из них правильный возможно только при подробном изучении сопутствующей теоретической информации по теме.
Возможность быстрого нахождения интересующей информации реализована в разделе «Поиск».
3.2 Разработка интерфейса учебного пособия
Общий вид документа составлен следующим образом. Страница сначала разбивается на два горизонтальных фрейма. Верхний фрейм, занимающий 100 пикселей экрана, содержит название учебника.
Нижний фрейм разбит на два фрейма: левый и правый. Левый фрейм занимает 20% экрана и содержит удобное меню, состоящее из пяти кнопок навигации. Правый фрейм является рабочей областью. Здесь выводится текст разделов, производится тестирование и поиск информации.
Фон отображения информации – светло-серый. Текст отображается крупным шрифтом черным цветом. Цветовая гамма – черно-белая и светло-оранжевая. Яркие «агрессивные» расцветки отсутствуют.
4 Реализация компьютерного учебного пособия
4.1 Обоснование выбора языка программирования
Самый популярный на сегодняшний день язык гипертекстовой разметки – HTML, был создан специально для организации информации, распределенной в сети Интернет, и является одной из ключевых составляющих технологии WWW. С использованием гипертекстовой модели документа способ представления разнообразных информационных ресурсов в сети стал более упорядочен, а пользователи получили удобный механизм поиска и просмотра нужной информации.
HTML позволяет определять оформление элементов документа и имеет некий ограниченный набор инструкций – тэгов, при помощи которых осуществляется процесс разметки. Инструкции HTML, в первую очередь, предназначены для управления процессом вывода содержимого документа на экране программы-клиента и определяют этим самым способ представления документа, но не его структуру.
Данный язык позволяет предоставлять пользователю информацию в удобной форме. Еще одним его достоинством является простота реализации и широкое распространение. Данный язык интегрирован во все известные Интернет-браузеры. Возможность связывания нескольких страниц связками-переходами (так называемыми гиперссылками) позволяет быстро переходить от одной страницы к другой, а также перемещаться на определенное место внутри заданной страницы.
HTML в сочетании с языком программирования JavaScript дает широкие возможности создания интерактивных программ для работы с пользователем в режиме реального времени. Он так же позволяет создавать привлекательный и интуитивно понятный интерфейс путем вставки фона и рисунков, иллюстрирующих и поясняющих смысл изложенного материала.
Добавление к этому набору соглашения о хранении данных XML позволяет создавать динамические масштабируемые страницы, что для данного курсового проекта является просто идеальным.
4.2 Структурная схема взаимодействия HTML-документов
В таблице 4.1 представлено описание файлов, входящих в стандартную поставку.
Таблица 4.1 – Описание HTML-документов
| Имя документа | Описание | ||
| Title.html | Вход на сайт | ||
| Index.html | Главный (основной) документ | ||
| Contacts.html | Информация о программном продукте | ||
| Theory.html | Теоретический материал | ||
| Menu.html | Меню | ||
| Test.html | Организация тестирования | ||
| Search.html | Организация поиска по документам | ||
| Dictionary.html | Словарь | ||
| Logo.html | Название электронного учебника | ||
| Questions.xml | XML БД вопросов тестирования | ||
| Search.xml | XML БД для организации поиска | ||
Структурная схема взаимодействия HTML-документов приведена на рисунке 4.1.
Рисунок 4.1 – Структурная схема взаимодействия HTML-документов
Основным документом является Index.html, он используется для организации фреймов и отображения первичной информации.
4.3 Методика тестирования
Одна из основных задач при составлении учебников – разработка тестов для проверки учеников на понимание материала. Методика тестирования довольно проста и широко распространена. Её суть заключается в постановке вопросов пользователю и представлении списка возможных правильных ответов. На все задаваемые вопросы можно найти ответы в теоретической части учебника. Тест представляет собой список вопросов и предлагаемых к ним вариантов ответов. Выбор нужного варианта ответа осуществляется с помощью радио-кнопки или флажка, расположенных перед каждым вариантом.
Тестирование реализовано на HTML при помощи сценария JavaScript. База вопросов и ответов хранится во внешнем файле XML и недоступна пользователю из браузера, что позволяет исключить возможность просмотра правильных ответов.
Пользователю случайным образом из всех вопросов БД предоставляются пять. Количество вариантов ответов на них не ограничено (только тем, что было занесено в БД). Вопросы выбираются без повторений, поэтому БД должна содержать, как минимум, пять вопросов (иначе выполнение скрипта зациклится).
Структура XML файла, содержащего БД вопросов меет следующую структуру:
<?xml version="1.0" encoding="WINDOWS-1251"?>
<TESTING>
<QUESTION text=”Формулировка вопроса” type="i">
<ANSWER text=”Вариант ответа 1” value=”j1”/>