Реализация электронного учебного пособия

⇐ ПредыдущаяСтр 6 из 8Следующая ⇒

В рамках данного дипломного проекта необходимо изучить методы построения элекртонных учебных пособий, разработать учебное пособие на тему «Основные конструкции языка Pascal».

Можно выделить следующие задачи разрабатываемого проекта:

1) изучить методы и этапы построения элекртонных учебных пособий;

2) подобрать теоретический и иллюстрационный материал по заданной теме;

3) составить техническое задание;

4) разработать подсистему проверки усвоения материала темы;

5) изучить рекомендации по эстетическому оформлению WEB страниц;

6) изучить и применить современные средства разработки WEB страниц.

Основной целью создания дипломного проекта является разработка теоретического и тестового материала по заданной теме в виде HTML-документа. В рамках данного проекта необходимо разработать интерактивную обучающую систему «Основные конструкции языка Pascal», которая позволила бы быстро и эффективно изучить учебный материал, а также самостоятельно проверить полученные знания.

Компьютерное пособие по данной теме содержит следующие разделы:

- теоретические данные;

- тестирование;

- поиск;

- сведения о разработчике.

Учебное пособие будет реализовано с помощью HTML технологии с использованием скрипт-вставок JavaScript. БД вопросов и текстовой информацией для поиска будет храниться в формате XML.

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

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

Тестирование и поиск реализовано на DHTML – Dynamic Hyper Text Mark-up Language (динамический HTML) при помощи сценария JavaScript. База вопросов и ответов хранится во внешнем файле и недоступна пользователю из браузера, что позволяет исключить возможность просмотра правильных ответов.

Самый популярный на сегодняшний день язык гипертекстовой разметки – HTML, был создан специально для организации информации, распределенной в сети Интернет, и является одной из ключевых составляющих технологии WWW. С использованием гипертекстовой модели документа способ представления разнообразных информационных ресурсов в сети стал более упорядочен, а пользователи получили удобный механизм поиска и просмотра нужной информации.

HTML позволяет определять оформление элементов документа и имеет некий ограниченный набор инструкций – тэгов, при помощи которых осуществляется процесс разметки. Инструкции HTML, в первую очередь, предназначены для управления процессом вывода содержимого документа на экране программы-клиента и определяют этим самым способ представления документа, но не его структуру.

Данный язык позволяет предоставлять пользователю информацию в удобной форме. Еще одним его достоинством является простота реализации и широкое распространение. Данный язык интегрирован во все известные Интернет-браузеры. Возможность связывания нескольких страниц связками-переходами (так называемыми гиперссылками) позволяет быстро переходить от одной страницы к другой, а также перемещаться на определенное место внутри заданной страницы.

HTML в сочетании с языком программирования JavaScript дает широкие возможности создания интерактивных программ для работы с пользователем в режиме реального времени. Он так же позволяет создавать привлекательный и интуитивно понятный интерфейс путем вставки фона и рисунков, иллюстрирующих и поясняющих смысл изложенного материала.

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

Данный проект – попытка выделить и объединить отдельные статьи, публикации в единое целое, с максимальной информационной ценностью.

В результате анализа исходного материала из-за довольно «узкой» предметной области и малого распространения материалов по данной теме, удалось сформировать лишь одну главу, в полной мере раскрывающую суть и предмет темы, предоставляющую максимум информации в закономерной последовательности.

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

«Голосарий» – раздел, куда были занесены основные понятия, их определения. Основные термины в других документах имеют гипертекстовые ссылки на словарь, так что в любой момент пользователь может посмотреть значение термина.

«Тестирование» представляет собой набор вопросов, на каждый из которых предлагается несколько вариантов ответов. На первый взгляд, это достаточно просто, но на самом деле несколько похожих, но различных вариантов ответа на вопрос могут ввести человека в заблуждение, и выбрать из них правильный возможно только при подробном изучении сопутствующей теоретической информации по теме.

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

Тестирование будет проводиться по всем разделам одновременно. Общее

количество вопросов в системе 10 (с возможностью простого увеличения БД), из которых 5 случайным образом будут выдаваться на экран пользователю. Результат тестирования будет представлен в виде количества верных ответов и рекомендацией пользователю на основе результата.

Возможность быстрого нахождения интересующей информации реализована в разделе «Поиск».

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

Нижний фрейм разбит на два фрейма: левый и правый. Левый фрейм занимает 20% экрана и содержит удобное меню, состоящее из пяти кнопок навигации. Правый фрейм является рабочей областью. Здесь выводится текст разделов, производится тестирование и поиск информации.

Фон отображения информации – светло-серый. Текст отображается крупным шрифтом черным цветом. Цветовая гамма – черно-белая и светло-оранжевая.

В таблице 1 представлено описание файлов, входящих в стандартную поставку.

Таблица 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-документов приведена на рисунке 15.

Рисунок 15 – Структурная схема взаимодействия HTML-документов

Подробная структура каждого документа приведена в приложении 1.[11]

Основным документом является Index.html, он используется для организации фреймов и отображения первичной информации.

Одна из основных задач при составлении учебников – разработка тестов для проверки учеников на понимание материала. Методика тестирования довольно проста и широко распространена. Её суть заключается в постановке вопросов пользователю и представлении списка возможных правильных ответов. На все задаваемые вопросы можно найти ответы в теоретической части учебника. Тест представляет собой список вопросов и предлагаемых к ним вариантов ответов. Выбор нужного варианта ответа осуществляется с помощью радио-кнопки или флажка, расположенных перед каждым вариантом.

Тестирование будет проводиться по всем разделам одновременно. Общее количество вопросов в системе 9 (с возможностью простого увеличения БД), из которых 5 случайным образом будут выдаваться на экран пользователю. Результат тестирования будет представлен в виде количества верных ответов и рекомендацией пользователю на основе результата.

Тестирование реализовано на HTML при помощи сценария JavaScript. База вопросов и ответов хранится во внешнем файле XML и недоступна пользователю из браузера, что позволяет исключить возможность просмотра правильных ответов.

Пользователю случайным образом из всех вопросов БД предоставляются пять. Количество вариантов ответов на них не ограничено (только тем, что было занесено в БД). Вопросы выбираются без повторений, поэтому БД должна содержать, как минимум, пять вопросов (иначе выполнение скрипта зациклится).

Структура XML файла, содержащего БД вопросов меет следующую структуру:

<?xml version="1.0" encoding="WINDOWS-1251"?>

...

</QUESTION>

</TESTING>

где TESTING – корневой каталог;

QUESTION – запись одного вопроса;

text – формулировка вопроса;

type – тип вопроса;

ANSWER – вариант ответа;

text=формулировка варианта ответа;

value=количество баллов за ответ.

После того, как из БД XML будут отобраны пять вопросов, они выводятся пользователю. Пользователь выбирает по его мнению правильные ответы и наживает кнопку «ответить». Далее JavaScript проверяет правильность ответов и выводит результат теста (в виде суммы набранных баллов) и заключение о качестве усвоения пользователем материала.

Поиск организован с помощью сценария JavaScript и XML базы данных. В XML файл поиска имеет следующую структуру:

<?xml version="1.0" encoding="WINDOWS-1251"?>

<root>

Текст, в котором осуществляется поиск

</find>

</root>

Topic хранит номер абзаца, который будет отображаться в виде ссылки в результатах поиска. Ref хранит ссылку на абзац документа, в котором было найдено совпадение. Раздел <find> содержит текст, по которому будет осуществлен поиск.

Поиск происходит по следующему алгоритму:

1) Организуется цикл перебора всех разделов <find> файла search.xml.

2) В искомом тексте текущего раздела <find> осуществляется поиск заданной строки.

3) Если совпадение найдено, то ссылка, указанная в атрибуте ref помещается на страницу результатов поиска.

4) Переход на пункт 2 пока не будет достигнута последняя запись.

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

Разработанное мною учебное пособие имеет удобный графический интерфейс. При запуске Index.html появляется главная страница, содержащая ссылки на все разделы, необходимые для работы с учебным пособием.

Для работы со справочником требуется наличие на компьютере Интернет-обозревателя Internet Explorer версии 5.0 или выше либо аналогичные ему Интернет-обозреватели (например, Opera или Netscape Navigator).

Установка справочника не требует инсталляции, достаточно скопировать инсталляционные файлы в любой каталог и загрузить файл Index.html в Интернет-обозревателе.

После запуска файла Index.html, наше учебное пособие готово к работе. На рисунке 1[12] представлен внешний вид справочника после его запуска. Для начала изучения теоретического материала необходимо в левом фрейме выбрать соответствующий раздел (см. рисунок 2)[13]. При выборе раздела в правом фрейме появится его содержимое. Теоретический материал содержит ссылки в глоссарий на основные понятия по теме (рисунок ).

Для проверки полученных знаний, в данном пособии, предусмотрена система тестирования (см. рисунок 3) [14]. При выборе в верхнем горизонтальном окне ссылки «тестирование», в основном окне появится список вопросов и варианты ответа на них. Для ответа необходимо отметить варианты ответа на вопрос и нажать кнопку «ответить».

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

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

Применение данного пособия проходило на базе СOШ №5 г.Наро-фоминска на уроке «Инфоматика и ИКТ» 9 «б» класса.

Подробная структура урока с использованием электронного учебного пособия :

Цель урока: сформировать у учащихся целостного представления о основных конструкциях языка Паскаль

Задачиурока:

· развивающие:развитие приемов умственной деятельности (обобщение, анализ, синтез, сравнение); развитие внимания, восприятия.

· воспитательные:развивать познавательный интерес к программированию, повышать информационную культуру учащихся.

· образовательные: формирование знаний и умений учащихся по теме “основные конструкции языка Паскаль”

Тип урока:урок изучения нового материала.

Форма проведения:лекция

План урока:

· Организационный момент (5 мин)

· Изучение нового материала:

Теоретическая часть (25 мин)

Практическая часть (15 мин)

Дата добавления: 2018-02-18; просмотров: 539; Мы поможем в написании вашей работы!

Поделиться с друзьями:

⇐ Предыдущая 1 2 3 4 567 8 Следующая ⇒

Мы поможем в написании ваших работ!