Добавление гиперссылок, графики и мультимедиа на страницу книги.
Еще один важный момент, который на наш взгляд нужно рассмотреть подробнее, - это встраивание на страницы проекта графики, видеофрагментов и звука. Ведь это именно то, что делает разрабатываемое нами приложение мультимедийным. А еще нам нужно научиться создавать различные гиперссылки - на другие странички, которые будут вызываться в отдельных вложенных окнах, и ссылки-переходы со страницу на страницу. Итак, чтобы встроить на страницу графику, выберем из меню команду Insert Graphic, в открывшемся диалоговом окне укажем нужный нам графический файл и нажимаем OK:
Рис.29. Диалоговое окно импорта графики.
Графический файл лучше брать формата bmp. В этом случае он встраивается в проект безо всякой предварительной конвертации. Если же взять файл формата jpg, то возможны некоторые искажения в размерах. Эта проблема легко решается путем предварительного пересохранения изображения в нужном формате в любом графическом редакторе, например, в программе PhotoShop.
Встроенное ранее текстовое поле передвинем ниже картинки и используем его для размещения подписи к фотоизображению, напечатав в нем текст «Спасская башня Казанского кремля». Разумеется, можно использовать любую другую картинку и другой текст подписи. Наша страничка приняла следующий вид:
Рис. 30. Общий вид экрана с первой страницей книги.
Теперь научимся создавать гиперссылки из текста. Для этого выделим курсором те слова в тексте, которые мы планируем превратить в гиперссылку, и затем нажмем на них правую клавишу мыши. В появившемся на экране контекстном меню выберем последний пункт – Create Hotword (создать гиперссылку):
Фрагмент первой страницы книги с вызванным контекстным меню свойств текстового поля.
Заметьте, что после этих действий поменяется цвет выделенных нами слов в текстовом поле – гиперссылка создана. Однако тут возникает вопрос – куда она ведет или что вызывает? Предположим, мы хотим, чтобы с данной гиперссылки вызывалось окно с фотографией Казанского кремля и дополнительным текстом о нем. Для этого мы должны создать еще одну страничку в книге, которая структурно будет являться вложенным экраном и в общей навигации по книге участвовать не будет. Эта страница у нас будет располагаться на своем, индивидуальном фоне. Нажимаем команду Insert New Background (клавиши Сtrl+M). В появившемся на экране окне свойств нового фона дадим название фону и странице:
Рис.32. Окно создания нового фона.
Теперь нам нужно разместите на нем дополнительную фотоиллюстрацию и подпись к ней, а еще уменьшить немного размеры только что созданной страницы. Все это мы уже теперь умеем делать и поэтому описывать здесь подробно все действия не будем. У нас должна получиться страничка типа той, что изображена на рис.33.
Рис.33. Общий вид экрана с новой страницей.
После того, как новая страничка создана, нужно установить связать ее с нашей первой страницей, на которой мы заранее создали гиперссылку (Hotword). Перейдем на страницу Page 1, кликнем правой клавишей мыши на текстовой гиперссылке, вызовем контекстное меню его свойств и выберем пункт Hyperlink:
Фрагмент первой страницы книги с вызванным контекстным меню свойств гиперссылки.
Рассмотрим подробнее параметры, назначаемые в окне свойств гиперссылки (см.Рис.35). Самый первый параметр – это тип гиперссылки (Type of link). В нашем случае ссылка будет вызывать страницу в другом отдельно открывающемся окне (Pop up another page). Второй пункт в этом параметре (Target window) менять не надо. Далее выбираем страничку, которую мы будем вызывать в этом окне, указав ее в качестве значения следующего параметра Link to из раскрывающего списка страниц нашей книги. И последний параметр – это стиль (Style) открывающегося окна гиперссылки. В нашем случае это будет обычное диалоговое окно (Dialog Window). Другой тоже довольно часто используемый стиль, который можно здесь назначить – это окно, закрывающееся по нажатию любой клавиши Shadowed (close on click).
Рис.35. Окно свойств гиперссылки.
После того, как мы указали все параметры, можно закрыть окно свойств нашей гиперссылки и проверить, как она работает, перейдя в режим Reader (клавиша F3) и щелкнув на нее мышкой:
Рис.36. Общей вид экрана с вызванной вложенной страницей.
В системе Toolbook Instructor возможен еще и другой тип ссылки – переход на другую страницу в основном окне (Go to another page).
Рис. 37. Окно свойств гиперссылки с кнопки Next навигационной панели с выпадающим списком параметра Transition effect.
При нажатии пользователем на такую ссылку новая страница просто заменит исходную на экране. То есть произойдет такой же переход, как и в случае перехода по навигационным кнопкам. При чем здесь возможны варианты визуальных эффектов при смене страниц – можно назначить различные стили проступания страницы (Transition effect). Чтобы поэкспериментировать с этим параметром, вызовем контекстное окно свойств гиперссылки, кликнув на любую из кнопок нашей навигационной панели (ее мы вставляли на фон страниц ранее, см. рис.28). Как видите, эффекты перехода могут быть весьма разнообразными (см.рис.37). Мы не будем здесь заниматься их подробным рассмотрением, заметим лишь, что рядом с данным параметром в окне имеется кнопочка Test, которая позволяет сделать предварительный просмотр эффекта. Еще один момент при создании гиперссылок - это сохранение навигационной структуры проекта. Вложенные страницы не должны у нас неожиданно появляться на экране при пролистывании основных страниц книги. Иначе нарушится порядок работы с книгой.
Для этого нужно поднять специальный флажок Skip this page when navigating (Пропускать эту страницу при навигации), зайдя на вкладку Behavior окна свойств страницы (вызывается по нажатию Shift+F7). Проделаем это в нашем случае со страницей под названием «Казанский кремль»
Рис. 38.
Таким образом мы как бы действительно задвигаем такую страницу на вложенный уровень и обеспечиваем нормальную работу с приложением. Теперь дополнительная информация по Казанскому кремлю будет у нас вызываться только при нажатии на соответствующую гиперссылку в текстовом поле на странице Page 1. Следующий шаг в изучении системы Toolbook Instructor – научиться встраивать на страницу звуковое сопровождение. Мы уже упоминали выше, что в каталоге среды имеются такие объекты как медиа плейеры (см.рис.20). Перетащим из этого подраздела каталога на страницу Page 1 кнопку следующего вида:
Рис. 39. Объект Audio Button 1 каталога среды Toolbook Instructor.
Сразу же после перетаскивания у нас откроется следующее диалоговое окно (см. рис.40):
Рис. 40. Окно свойств объекта Media Player.
Обратите внимание на флажки, которые можно установить в этом окне:
Из всех флажков нам достаточно поднять последний. Далее нам нужно связать наш медиа плейер со звуковым файлом, который будет проигрываться по нажатию кнопки Audio Button. Для этого нажмем кнопку Choose a Clip в этом же окне (рис.40). Откроется список клипов, доступных для проигрывания в нашей книге:
Окно списка клипов Choose Media Clip.
Пока этот список пуст, поэтому мы нажимаем кнопку Clips… , далее в следующем окне – New OK выбираем нужный звуковой файл и опять OK. Здесь нужно сделать два важных замечания: 1. В Toolbook Instructor поддерживаются звуковые файлы с расширением *.wav, *.mid, *.rmi и видео файлы с расширением *.avi;*.mov;*.pic;*.jpg 2. Файлы аудио и видео, которые мы собираемся проигрывать в нашем приложении, лучше всего заранее собрать в папке /media, которую в свою очередь желательно сделать вложенной в папку нашего проекта. Просто в дальнейшем будет легче не растерять все эти файлы. Ведь, как уже было отмечено ранее, медиа файлы не встраиваются внутрь книги, а устанавливается лишь связь с ними. После этих шагов на экране откроется окно редактора клипов Clip Editor (рис.42). Заметим, что в этом окне имеются три вкладки. Изменяя тем или иным образом значения параметров на этих вкладках, можно произвести более точную настройку для дальнейшего воспроизведения клипа в нашем проекте. Мы не будем изучать здесь все вкладки этого окна, а лишь печатаем название нашего клипа (проще назвать его так же, как называется сам файл) и нажимаем OK.
Рис. 42. Окно редактора клипов.
Далее нажимаем Close в окне Clip Manager и видим, что в окне Choose Media Clip (рис. 41) в списке клипов появился наш звуковой файл, выбираем его и нажимаем OK. Теперь в режиме Reader (по клавише F3) можно проверить, как работает наш аудио плейер.
Рис. 43. Объект Video Player 1 каталога среды Toolbook Instructor.
Далее идем таким же путем, как и при встраивании звукового файла, только в списке выбора исходного типа выбираем Video (File):
Рис. 44. Выбор типа встраиваемого клипа.
Далее – аналогично встраиванию звукового файла. После того, как мы привязали наш видео файл к кнопке плейера, откорректируем размеры экрана (Stage) плейера прямо в рабочей области страницы, потянув его за один из углов. При этом мы наглядно видим, какого размера нащ видеостэг, поскольку они сразу на нем динамично отображаются. В нашем случае нам необходимо его увеличить до размеров 320х240 (такие размеры кадра имеет наш видео файл). Уточнить размеры кадра видео файла можно в проводнике Windows, наведя на него мышкой. После всех этих действий наша страница Page 2 примет примерно следующий вид:
Рис. 45. Общий вид экрана со страницей Page 2 после вставки видео плейера.
Создание контролирующих тестов: особенности создания, типы заданий.
Рис. 46. Одна из тестовых страниц из мультимедийной программы «Право интеллектуальной собственности».
На технологии создания тестов с использованием готовых объектов каталога здесь мы подробно останавливаться не будем, поскольку работа с ними ничем не отличается от работы с другими рассматривавшимися нами ранее объектами – полями, кнопками и т.д. Тут важно отметить, что объекты для создания контрольных заданий обладают не только простыми, но и расширенными свойствами, которые как раз и определяют их поведение на странице. Приведем ниже классификацию тестовых заданий, которые можно создавать с использованием готовых объектов из каталога. Для наглядности проиллюстрируем ее примерами экранов-скриншотов из мультимедийных разработок лаборатории компьютерных технологий обучения КГУ.
Одна из тестовых страниц мультимедийной программы «Основы биохимии».
Задание со свободно- конструируемым ответом
Итак, в каталоге среды Toolbook Instructor имеется целый ряд объектов, с помощью которых можно сформировать разные типы заданий в контрольно-тестовой части проекта:
(рис.46);
«перетаскивания» объектов на экране (рис.50);
Одна из тестовых страниц мультимедийной программы «Политический конфликт».
Задание на упорядочивание строк в таблице.
Рис. 49.
Одна из тестовых страниц мультимедийной программы «Политический конфликт».
Задание на протягивание стрелок между объектами.
В инструментальной среде ToolBook Instructor реализованы две возможности формирования цепочки заданий из общей базы – последовательное их предъявление и случайный выбор. Во втором случае каждому обучаемому формируется своя последовательность заданий, что исключает возможность обмена ответами во время групповой работы в компьютерном классе. В зависимости от того, будет ли реакция на ввод ответа обучаемым немедленной или он получит итоговый результат выполнения заданий в конце работы, можно создавать контролирующие блоки, работающие в двух режимах – режиме самоконтроля и тестовом режиме:
Также в каталоге имеются готовые объекты для подсчета баллов за каждое выполненное и за все задания в тесте и специальные объекты-поля, которые можно использовать для выдачи комментариев по ходу выполнения тестовых заданий.
Рис. 51.
Страница с итоговыми баллами тестовой части мультимедийной программы «Политический конфликт».
Таким образом, перечисленные выше возможности среды ToolBook Instructor позволяют создавать самые разнообразные компьютерные учебные программы по широкому кругу предметов, как гуманитарного, так и
Казанский государственный университет.
В Казанском государственном университете накоплен значительный опыт в разработке мультимедийных учебных программ. С применением описанной инструментальной среды в КГУ разработано свыше 30 мультимедийных обучающих программ, которые успешно внедрены в учебный процесс различных факультетов и филиалов университета.
Казанский государственный университет.
Подробнее с нашими мультимедийными разработками можно познакомиться на Web-странице лаборатории компьютерных технологий Центра информационных технологий КГУ по адресу: https://www.ksu.ru/nilkto/ |
Play
all of clip before continuing – проиграть весь клип прежде, чем продолжить
дальше
