Анализ и практика показывают, что положительные эффекты информатизации обучения наиболее отчетливо проявляются при:

- изучении базиса дисциплины, ее сложных закономерностей и алгоритмов, динамических процессов;

- реализации игр и имитаций;

- организации исследовательских и тренирующих процессов;

- автоматизации самоконтроля, контроля, оценки обучения;

- оперативном документировании наиболее существенных результатов.

К недостаткам можно отнести:

- вредное воздействие монитора на глаза человека при длительном чтении текстов;

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

1.4 Этапы создания компьютерного учебного пособия

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

1) предварительный этап: осуществляется выбор курса для его представления в среде мультимедиа, далее выявляются уже существующие курсы по данной проблематике, определяются предполагаемые затраты и время, необходимые для создания курса, а также его возможный тираж и аудитория, которой адресован курс;

2) написание текста курса: текс представляет собой главный компонент учебного курса, поэтому производится тщательный отбор источников информации (книги, журналы, статьи), после чего из них выделяются наиболее важные фрагменты и объединяются в единое целое; при этом важно учитывать последовательность и полноту изложения материала;

3) разработка интерфейса: по типу организации интерфейса можно выделить обучающие мультимедиа курсы с обратной связью с пользователем (интерактивные) и без нее. Курсы без обратной связи предназначены только для изложения материала определенными способами по предусмотренным сценариям. Интерактивные курсы предполагают учебный процесс, основанный на взаимодействии с обучаемым.

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

5) тестирование - испытание разработанного приложения, проводится серия тестов с целью выявить ошибки программирования, таких как: «мертвые» ссылки, отсутствие доступа к разделам, неправильная работа системы тестов и др;

6) внедрение и эксплуатация: происходит внедрение полностью законченной компьютерной системы обучения в образовательные учреждения и глобальную сеть Интернет. Разрабатывается план занятий с использованием этой системы и начинается ее эксплуатация.

1.5 Обзор аналогов

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

2 Постановка задачи

2.1 Общая постановка задачи

В рамках данного курсового проекта необходимо изучить методы построения компьютерных учебных пособий, разработать учебное пособие на тему «Семейство компьютеров Pentium».

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

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

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

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

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

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

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

2.2 Цель создания курсового проекта

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

2.3 Постановка задачи

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

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

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

- поиск;

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

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

3 Разработка компьютерного учебного пособия

3.1 Описание структуры компьютерного учебного пособия

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

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

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

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

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

3.2 Разработка интерфейса учебного пособия

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

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

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

4 Реализация компьютерного учебного пособия

4.1 Обоснование выбора языка программирования

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

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

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

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

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

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

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

Таблица 4.1 - Описание HTML-документов

Структурная схема взаимодействия 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”/>

...

<ANSWER text=”Вариант ответа N” value=”jN”/>

</QUESTION>

</TESTING>

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

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

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

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

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

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

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

Страницы: 1, 2, 3, 4, 5, 6