Разработка обучающе–тестирующей системы с использованием Интернет

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

— на панели инструментов щелкнуть в поле Text и выделить текст в том поле, которое должно стать прозрачным;

— в меню Windows открыть каскадное меню Inspectors (Инспекторы) и выбрать в нем команду Modes (Режимы);

— в открывшейся панели режимов (рисунок 19) щелкнуть в поле Transparency (Прозрачность).

Чтобы произвести автоматическое выравнивание полей в кадре, необходимо:

— начать клавишу <Shift> и, удерживая ее, выбрать все поля, подлежащие выравниванию;

— в меню Modify выбрать команду Align… (Выровнять);

— в открывшейся панели выравнивания (рисунок 20) щелкнуть на тех кнопках, которые соответствуют требуемому способу выравнивания (например, чтобы выровнять текстовые поля по левому краю, требуется щелкнуть на верхней левой кнопке).

Рисунок 19 – Панель режимов Рисунок 20 – Панель выравнивания

Теперь вернемся к двум оставшимся пунктам меню, которым предстоит перевоплотиться в кнопки

Чтобы преобразовать в кнопку пункт Итоговый тест, выполните следующие действия:

— закройте окно просмотра и в схеме меню щелкните дважды на узле соединения кадра с горизонтальной направляющей;

— в открывшемся окне установки типа реакции (рисунок 21) выберите в списке Type пункт Button (Кнопка);

— в поле Label введите метку кнопки (например, Итоговый тест).

Выполните аналогичные действия для пункта меню Выход.

Рисунок 21 – Установки параметров кнопки

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

Рисунок 22 – Вид окна просмотра

Чтобы назначить форму указателя мыши для пункта меню, необходимо:

— в схеме меню щелкнуть дважды на узле соединения кадра Navigate с горизонтальной направляющей;

— в открывшемся окне Response щелкнуть на кнопке, входящей в группу Cursor (рисунок 23);

— в диалоговом окне Cursor выбрать наиболее подходящую, на ваш взгляд, форму указателя и щелкнуть на кнопке OK.

Выполнить описанную процедуру для всех пунктов основного меню.

Чтобы убедиться, что вы сделали все правильно, воспроизведите кадр Выбор, щелкнув кнопку Play на панели управления.

Рисунок 23 – Выбор формы указателя для пунктов меню

2.2.3.2 Создание кнопок перехода

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

Мы в качестве такого средства рассмотрим кнопки перехода между разделами курса и выхода к меню. Для создания кнопок выполните следующие действия:

— откройте окно кадра, дважды щелкнув на его значке в схеме курса;

— перетащите в окно кадра с панели кадров значок кадра Interaction; Authorware поместит его на направляющую и назначит новому кадру имя Untitled; замените имя кадра на Переход;

— перетащите в окно Меню с панели кадров значок кадра Navigate таким образом, чтобы он оказался справа от значка кадра Переход, и отпустите кнопку мыши; Authorware при этом выполнит три действия: свяжет новый кадр с кадром Переход и назначит новому кадру имя Unlinkid (измените на Вперед), выведет на экран диалоговое окно Response Type (Вид реакции), как показано на рисунке 24;

— в диалоговом окне Response Type установите переключатель вида реакции в положении Button (Кнопка) и щелкните на кнопке OK;

Рисунок 24 – Вид окна Authorware после вставки в схему первого кадра Navigate

— щелкните дважды на значке кадра Navigate;

— в открывшемся окне установки параметров кадра укажите направление перехода; чтобы указать направление перехода, выберите соответствующий пункт в списке Page (Страница);

— перетащите в окно Меню с панели кадров значок кадра Navigate таким образом, чтобы он оказался справа от значка кадра Вперед, и отпустите кнопку мыши;

— щелкните дважды на значке кадра Navigate и в открывшемся окне установки параметров кадра укажите направление перехода и название кадра (Назад);

— повторите предыдущие два шага для создания перехода на основное меню.

В результате схема перехода должна выглядеть приблизительно так, как показано на рисунке

25.

Рисунок 25 – Схема перехода

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

Повторите описанную процедуру для всех кадров курса.

2.2.3.3 Завершение работы приложения

Для реализации корректного выхода из приложения средствами Authorware выполните следующие действия:

— откройте окно кадра Выход, дважды щелкнув на его значке в схеме курса;

— перетащите в окно кадра с панели кадров значок кадра Interaction; Authorware поместит его на направляющую и назначит новому кадру имя Untitled; замените имя кадра на Выходим;

— перетащите в окно Меню с панели кадров значок кадра Calculation таким образом, чтобы он оказался справа от значка кадра Выходим, и отпустите кнопку мыши; Authorware при этом выполнит три действия: свяжет новый кадр с кадром Выходим и назначит новому кадру имя Untitled (измените на Да), выведет на экран диалоговое окно Response Type (Вид реакции);

— щелкните дважды на значке кадра Calculation;

— в открывшемся окне редактирования макросов впишите конструкцию Quit (0), как показано на рисунке 26; это значение используется по умолчанию и позволяет при выходе из приложения активизировать Рабочий стол Windows;

Рисунок 26 – Макрос, содержащий функцию выхода из приложения

— перетащите в окно Меню с панели кадров значок кадра Navigate таким образом, чтобы он оказался справа от значка кадра Да, и отпустите кнопку мыши;

— щелкните дважды на значке кадра Navigate и в открывшемся окне установки параметров кадра укажите направление перехода и название кадра (Нет); чтобы указать направление перехода, выберите соответствующий пункт (в данном случае Меню) в списке Page (Страница).

В результате получится схема изображенная на рисунке 27.

Рисунок 27 – Схема, обеспечивающая корректный выход из приложения

Для организации вывода окна с просьбой подтвердить намерение завершить работу выполните следующие действия:

— щелкните дважды на значке кадра Выходим;

— рисуем прямоугольную область, ограничивающую пределы окна с помощью инструмента Rectangle (Прямоугольник), который размещен на панели инструментов редактирования;

— для закрашивания области окна используем панель Colors (Цвета);

— на панели инструментов щелкаем в поле Text и вписываем текст в прямоугольную область;

— размещаем кнопки Да и Нет на этой области.

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

Рисунок 28 – Диалоговое окно, появляющееся при нажатии на кнопку Выход

2.2.3.4 Создание гипертекстовых ссылок

В этом разделе мы посмотрим, как создать гипертекстовые ссылки, которые будем использовать в тесте для перехода между вопросами.

Чтобы создать на странице гипертекстовую ссылку, требуется предварительно описать соответствующий стиль текста.

Для этого необходимо выполнить следующие действия:

— в меню Text основного окна Authorware выбрать команду Define Styles(Определить стили);

— в открывшемся диалоговом окне Define Styles (рисунок 29) указать параметры создаваемого стиля:

1) имя стиля, введя его в текстовом поле, расположенном в нижнем левом углу окна;

2) свойство интерактивности, установив в поле Interactivity (Интерактивность) один из трех переключателей Single Click (Одиночный щелчок), Double Click (Двойной щелчок) или Cursor Within (Курсор внутри области);

3) форму указателя мыши при наведении его на ссылку; чтобы разрешить использование указателя «с перстом», установите флажок Cursor;

4) атрибуты шрифта (размер, цвет, оформление);

— щелкнуть последовательно на кнопках Add (Добавить) и Done (Готово).

Рисунок 29 – Диалоговое окно для описания стиля текста

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

Для создания ссылки необходимо:

— в режиме редактирования страницы ввести текст будущей ссылки и выделить его;

— в меню Text основного окна Authorware выбрать команду Apply Styles…(Применить стили);

— в открывшемся окне списка стилей (рисунок 30) поставить флажок возле стиля ССЫЛКА;

Рисунок 30 – Пример гипертекстовой ссылки

— в окне Properties: Navigation указать адрес перехода по ссылке, выбрав в списке Page соответствующий пункт (рисунок 31).

Рисунок 31 – Выбрать адрес перехода по ссылке

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

2.2.4 Наполнение кадров курса содержанием

Разработка обучающе–тестирующей системы с использованием Интернет–технологий (стр. 6 из 8)