Инструментальное средство разработки электронных учебных ресурсов

Размещено на http://www.allbest.ru/

Статья по теме:

Инструментальное средство разработки электронных учебных ресурсов

М.П.Киселева, Смоленский государственный университет

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

Компанией Microsoft разработана система HTMLHelp, основанная на гипертекстовой технологии и предназначенная для подготовки встроенной справочной системы в Windows-приложениях. Основными компонентами системы являются программа HTMLHelpWorkshop, которая является основным инструментом для разработки справочных систем, и графический редактор HTMLHelpImageEditor, используемый для создания и редактирования снимков экрана, преобразования и просмотра изображений. Для работы с готовым продуктом достаточно, чтобы на компьютере был установлен браузер. Данная система бесплатно распространяется компанией Microsoft.

Опыт работы преподавателей высшей школы показал, что данная система может успешно применяться в информационной образовательной среде профессиональных учебных заведений [1]. Программный продукт можно использовать как инструментальное средство для разработки электронных ресурсов учебного назначения: электронных предметных курсов, справочников и терминологических словарей, интерактивных оболочек для проектных заданий и др. Поясним основные принципы работы с этим программным продуктом.

Прежде чем приступать к созданию электронной версии справочника или учебника необходимо продумать его содержание (главы, разделы, содержимое страниц). Для каждой страницы в соответствии с содержанием необходимо сформировать свой файл в формате HTML. Страницы могут содержать кроме текста графику, формы, элементы мультимедиа и являться как автономными, так и связанными гиперссылками. Все файлы сохраняем в одной папке и в именах файлов не используем русские буквы и знаки препинания. Для создания гипертекстовых файлов можно воспользоваться редактором сайтов, например, MicrosoftFrontPage или программой Word (Файл-Создать… Затем в окне Создание документа выбрать команду Веб-страница. По окончании работы с данной страницей сохранить: Сохранить как…, указав в диалоговом окне тип файла Веб страница).Word предпочтительней по той причине, что поможет избежать орфографических, синтаксических ошибок и не требует специальных знаний в области дополнительного программного обеспечения. Когда будут готовы все файлы с исходной информацией, запускаем программуHTMLHelpWorkshop.

После запуска данной программы появляется главное окно, которое пока является пустым.

Выберите в меню Файл (File) команду Новый (New) или нажмите соответствующую кнопку на панели инструментов. В возникшем окне (рис. 1) выберете строку Проект (Project), после чего запустится мастер.

Рис. 1

графический редактор image editor

Нажав в окне кнопку Далее, на следующем шаге в окне Адресат (Destination) (рис. 2) дайте имя своему проекту. Для этого воспользуйтесь кнопкой Обзор (Browse). Проект обязательно сохраните в той же папке, где хранили исходные файлы.

Рис. 2

Далее программа попросит вас выбрать типы файлов, которые будут использованы в данном проекте (отметьте HTML files), и, на следующем этапе, предложит вам создать список этих файлов (рис. 3). После нажатия на кнопкуДобавить (Add) появится стандартное окно выбора файлов из списка. Найдите нужную вам папку с заранее подготовленными файлами и включите их в список. Теперь можно нажать кнопкиДалее и Готово.

Рис. 3

После этого появляется окно с закладкой проект (рис.4). Нажмите на кнопку Компиляция (Compile) или Сохранение файлов и компиляция (SaveandCompile).

Рис. 4

При этом происходит сборка HTML-файлов и их сжатие в один файл. Если в процессе компиляции обнаружится ошибка (например, отсутствие какого-либо файла), появится соответствующее сообщение.

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

Создание содержания (рис. 5) ведется по разделам, которые различаются значками. В качестве стандартных значков установлены желтые папки, которые обозначают разделы и называются заголовками -используется кнопка Вставить заголовок(InsertaHeading). Страницы с информацией обозначаются значками с изображением листа простой бумаги и называются страницами - Вставить страницу (InsertaPage). Для каждого элемента содержания необходимо указать его название и файл, который будет открываться после выбора этого элемента:

набрать название заголовка или страницы в строке Заголовок входа (Entrytitle);

нажать на кнопкуДобавить (Add) и кнопку Обзор (Browse), выбрать файл соответствующий данному пункту содержания.

Рис. 5

Значки можно менять, выделив необходимый элемент и нажав кнопку «Редактировать выбранное» (Editselection) на панели инструментов, а затем на закладке «Расширенное» (Advanced) изменить значение параметра «Индекс изображения» (Imageindex).

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

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

Внимание! После внесения любых изменений в файл его необходимо заново сохранить и перекомпилировать.

Нажав кнопкуПоказать компилированный файл (ViewCompiledFile), можно просмотреть результаты своей работы и проверить все ли связи правильно установлены. Если вы хотите наделить проект возможностью поиска по ключевым словам, который осуществляется в отдельной закладке на навигационной панели скомпилированного CHM-файла, то можно создать указатель. Для этого необходимо открыть проектный файл, если он был закрыт, и перейти на закладку Указатель (Index). Список ключевых слов составляется при помощи кнопкиВставить ключевое слово (Insertakeyword). В окне ввести ключевое слово и связать его с одним или несколькими HTML-файлами. С помощью кнопки вы можете в любой момент отсортировать перечень указателей проекта в алфавитном порядке. После завершения работы над предметным указателем необходимо сохранить файл и перекомпилировать.

Для создания полнотекстового поиска необходимо перейти на закладку Проект (Project),нажать на кнопку на панели инструментов и изменить опции проекта (Changeprojectoptions). Затем щелкнуть на закладке Компилятор (Compiler) и отметить опцию Компилировать информацию поиска по всей справке (Compilefull-textsearchinformtion),нажать на кнопку Ок.

Нажать кнопку Определения окна Добавить/Изменить (Add/ModifyWindowsDefintions), перейти на закладку Панель навигации (NavigationPane) и отметить галочкой опции Вкладка Поиск и Расширенный поиск (SearchTab, Abvanced). Нажать на кнопку Ок. Затем сохранить и перекомпилировать файл, теперь в окне программы просмотра появится третья закладка Поиск.

Настройки проекта: кнопка Определения окна Добавить/Изменить на панели инструментов (или двойной щелчок на разделе [Windows] ) позволяет дать название окну, в котором предстоит работать обучаемым, установить подходящие размеры и положение окна, набор кнопок и ширину навигационной панели (прим. - по умолчанию этот параметр пуст, что соответствует «250», т.е. стандартной ширине панели).

В качестве примера, на рис. 6 представлено окно, в котором работает студент с готовым электронным пособием, разработанным, по дисциплине «Информационные и коммуникационные технологии в образовании», в среде HTMLHelp.

Рис. 6

В заключение несколько слов о возможностях сопутствующего графического редактора HTMLHelpImageEditor. Средствами программы можно сделать снимок экрана или рабочего окна при помощи мыши или клавиатуры. По умолчанию в рабочем окне редактора появляется снимок в формате BMP. В строке состояния отображается размер снимка и количество цветов (по умолчанию - 16 млн.). Программа обладает возможностью преобразовать рисунки в другие форматы (GIF, JPG, TIFF и др.) и цвета (16, 256, оттенки серого). Последнее особенно важно, поскольку при преобразовании рисунка в формат, например, TIFF или GIF, требуется предварительно изменить количество используемых цветов на 256.

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

Литература

1. Захарова И.Г. Информационные технологии в образовании. - М.: Изд. центр «Академия», 200 г. - с. 154-178.

Размещено на Allbest.ru