Информатизация инженерного образования (выпуск 1)

П Р И Л О Ж Е Н И Я

Окончательно кадр примет следующий вид (рис. П.12.1.60). Перейдем к следующему кадру (рис. П.12.1.61).

Здесь предлагается подготовить вопрос, для которого необходимо указать ответ в виде текстовой строки. Проведем подготовительные операции, которые мы делали в предыдущем примере. Разблокируем элементы кадра. Переведем английский текст на русский язык (указание над полем ввода ответа и название кнопки). Вызовем инспектор компонента и введем необходимую информацию (рис. П.12.1.62).

В поле Question введем текст вопроса «Диэлектрические материалы какого класса обладают наибольшей диэлектрической проницаемостью?». Правильные варианты (до трех) ответов задаются вводом в полях столбца Responses (Ответы) и установкой флажка в столбце Correct (Правильный). Если правилен любой ответ за исключением некоторых, то необходимо:

•установить флажок Other Responses (Другие ответы);

•задать исключения в полях Responses, сбросив соответствующие им флажки. Можно задать дополнительные условия правильности ответа, например, потре-

бовав полного совпадения вводимого ответа с правильным, установив флажок Exact Match (Полное совпадение). Если этот флажок сброшен, то достаточно совпадения хотя бы одного из слов в ответе пользователя. Можно учитывать также регистр символов ответа, устанавливая или сбрасывая флажок Case Sensitive.

Рис. П.12.1.60. Кадр с вопросом об упорядочении материалов по значению диэлектрической проницаемости

834

П р и л о ж е н и е 12.1

Рис. П.12.1.61. Кадр для создания текстового вопроса

Рис. П.12.1.62. Настройка текстового вопроса

835

П Р И Л О Ж Е Н И Я

Настройку русского текста сообщений и указаний выполним так же, как и для предыдущего вопроса.

В заключение рассмотрим еще один тип вопросов, состоящий в выборе подмножества из множества ответов.

Перейдем к четвертому кадру. Заготовка для такого рода вопросов приведена на рис. П.12.1.63.

Вопрос отображается в поле с сообщением Your question will appear here (Здесь появляется Ваш вопрос). Выбор подмножества ответов осуществляется щелчком мыши на объектах из множества object1…object6. При создании вопроса на месте объектов object1…object6 необходимо разместить собственные объекты, выбором которых указывается ответ. Ниже расположены две кнопки: проверки ответа Control Button и отмены выбора Reset Button. Под указанными кнопками находится поле вывода комментариев и сообщений (Feedback will appear here).

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

Сделаем независимыми элементы кадра, выполнив команду Break Apart меню Modify. Удалим из кадра-шаблона шесть объектов-заготовок. Поместим рисунки

Рис. П.12.1.63. Заготовка для выбора подмножества из множества ответов

836

П р и л о ж е н и е 12.1

электродов в кадр, выбрав в меню File | Import | Import to Stage (Файл | Импорт | Импортировать на сцену). Нумерацию электродов будем осуществлять слева направо, начиная с первого электрода в первом ряду и заканчивая последним электродом во втором. Преобразуем импортированные рисунки в образцы-клипы, задав им имена el_1…el_8 и поместив в папку Quiz Files/ Learning Interactions/ Assets/ Graphics/ HotObjects. Соответственно дадим имена электродам-экземплярам —electrod_1…electrod_8.

Теперь осталось немного. Вызовем инспектор компонента HotObjects, отображаемого в виде прямоугольника с инструкциями, начинающегося словами «Hot Objects Interaction», связанного с данным типом вопросов и зададим необходимые параметры (рис. П.12.1.64). Введем вопрос «Выберите конструкции электродов, которые можно использовать для получения равномерного поля в твердых диэлектриках» в поле Question, в столбце Hot Object Instance Names задаем имена кли- пов-изображений электродов. В столбце Correct устанавливаем флажки для правильных ответов. В нашем случае это первый, седьмой и восьмой электроды.

Далее переведем на русский язык названия кнопок, тексты сообщений и указаний, перейдя на вкладки Options и Assets в диалоговом окне инспектора компонентов. Окончательно кадр с вопросом имеет вид, представленный на рис. П.12.1.65.

Наконец, перейдем к заключительному кадру, в котором отображаются результаты опроса. Кадр-заготовка приведен на рис. П.12.1.66. В поле Total Correct отображается число правильных ответов, в Total Incorrect — число неправильных. Процент правильных ответов приводится в поле Total Score.

Рис. П.12.1.64. Задаем параметры вопроса в инспекторе компонента HotObjects

837

П Р И Л О Ж Е Н И Я

Рис. П.12.1.65. Кадр с изображениями электродов

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

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

838

П р и л о ж е н и е 12.1

Рис. П.12.1.68. Опрос в сборе

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

839

П Р И Л О Ж Е Н И Я

Внесем небольшое изменение в настройки опроса. Зададим случайный порядок следования вопросов, установив флажок Randomize в диалоговом окне инспектора компонента Quiz Options (рис. П.12.1.55), скомпилируем наше приложение и запустим его на выполнение. Прохождение опроса демонстрируется на рис. П.12.1.68.

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

Более развитые средства для построения опросов с использованием технологий Flash имеются в свободно распространяемой системе Hot Potatos (http://web.uvic.ca/ hrd/halfbaked/).

840

П р и л о ж е н и е 12.2

Создание анимированных заставок с помощью Swish

При разработке электронных учебных ресурсов много времени уходит на создание различных заставок, которые не являются обязательными, но могут украсить ресурс. Большая часть анимации, предназначенная для размещения в Интернете, делается с помощью Macromedia Flash. Эта платформа обладает мощными и удобными инструментами для создания анимации. Кроме того, объем исполняемых файлов при использовании исключительно векторной графики составляет всего десятки килобайт. Однако следует отметить, что освоение Flash для быстрой и уверенной разработки анимации может занять несколько месяцев. Инструменты для создания анимации Flash просты, дело в том, как достичь нужных результатов, используя эти инструменты. В то же время хотелось бы изготовлять анимированные заставки приложений, не тратя на это много времени и сил.

После долгих поисков в Интернете была найдена условно бесплатная программа SWiSH v. 2.01 (http://www.swishzone.com). Эта программа отличается от Macromedia Flash тем, что обладает большим числом встроенных эффектов, которые можно применять не только к графическим, но и текстовым объектам, а ее освоение не занимает много времени. Все, что требуется для работы со Swish, описано в оперативной справке, встроенной в программу, правда только по-английски.

Итак, начинаем. Основное окно SWiSH после запуска программы представлено на рис. П.12.2.1.

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

Давайте посмотрим, что можно сделать со свойствами фильма (рис. П.12.2.2). Можно изменить размер сцены, задавая ее ширину (Width) и высоту (Height),

скорость смены кадров (Frame Rate), отображение сетки и линеек, а также бесконечное повторение анимации (Loop preview animation). На рис. П.12.2.1 задано отображение сетки и линеек, но их легко удалить в случае надобности.

Изменим фоновый цвет сцены на черный, для чего необходимо щелкнуть на кнопке BgndColor (Фоновый цвет) и далее выбрать или задать компоненты фонового цвета (рис. П.12.2.3).

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

Для вставки текста необходимо выбрать в меню Insert | Text (Вставка | Текст). На сцене появится заготовка текстового блока, а справа окно свойств текста (рис. П.12.2.4.).

В окне свойств текста можно задать сам текст (мы ввели копирайт незабвенной организации «Рога и копыта»), цвет, шрифт, размер текста, выравнивание, отобра-

841

П Р И Л О Ж Е Н И Я

Рис. П.12.2.1. Основное окно SWiSH

Рис. П.12.2.2. Свойства фильма

Рис. П.12.2.3. Выбор цвета в SWiSH

жение курсивом и/или полужирным. Здесь же можно задать направление отображения текста (ниспадающий список со значком, изображающим букву Z — слева направо, сверху вниз — возможно отображение текста и в других направлениях, например справа налево). В нижней части окна свойств можно выбрать расстояние между символами по горизонтали и по вертикали.

842

П р и л о ж е н и е 12.2

Рис. П.12.2.5. Дерево объектов

Рис. П.12.2.4. Окно свойств текста

Любой введенный текст является объектом SWiSH. Объекту можно задать имя, установив флажок Has name (Имеется имя). Зададим для объекта имя Copyright, что немедленно отобразится в панели объектов (Outline) в левой панели в окне программы (рис. П.12.2.5).

Вставленный текст можно перемещать по сцене с помощью мыши, менять его размеры, растягивая и сжимая.

Создадим объект-заставку Title с текстом «Система мониторинга рогов, копыт и хвостов» и разместим ее в центре сцены, выберем для надписи белый цвет, размер шрифта, расстояние между символами. Чтобы текст отображался объемным, создадим еще один текстовой объект и назовем его Shadow — тень. Заметим, что новый текстовой объект полностью повторяет предыдущий. Изменим цвет текста на серый и сдвинем объект вправо и вниз.

Расположенный ниже в дереве объектов объект перекрывается расположенными сверху объектами. Управлять наложением объектов можно, выбрав объект и нажимая кнопки со стрелками вверх и вниз в панели объектов. Посмотрите, как изменится сцена при перемещении объекта Shadow вверх и вниз в дереве объектов.

Самое ценное в SWiSH — это большой набор настраиваемых эффектов. Само перечисление эффектов займет достаточно много места, кроме того, проще потратить немного времени и попытаться применить различные эффекты к своим объектам.

В SWiSH встроено одиннадцать примеров. Рекомендуется запустить и исследовать их работу. Сделать это можно, выбрав в меню программы File | Samples (Файл | Примеры).

Рассмотрим только основы применения эффектов. Для применения эффекта необходимо выбрать объект в панели временной шкалы и слева от нее нажать кнопку Add Effect (Добавить эффект), появится ниспадающее меню, включающее 19 эффектов (рис. П.12.2.6).

Последовательно применим всего два эффекта. Сделаем так, чтобы надпись об авторских правах Рогов и копыт появлялась постепенно из ничего. Для этого выберем эффект Fade In (Усиливать), появится меню свойств эффекта, изображенное на рис. П.12.2.7.

В нем мы только изменим продолжительность действия эффекта, введя в поле Duration (Продолжительность) 120. Длительность действия эффектов измеряется в кадрах. Напомним, что при создании фильма указывалась скорость отображения

843