УДК 004.021 - среда разработки Macromedia Flash 8, дополни-

УДК 004.021
Никуличев Н.Н., Зарубин А.В.
Электронный путеводитель по университету на
основе современных мультимедийных технологий
In clause the electronic guidebook to university,
technology and basic stages of his development realized
with use of technologies of three-dimensional modeling and
multimedia is considered.
В настоящее время очень многие профессиональные дизайнеры и рекламные студии, следуя современным течениям и технологиям, используют в разработке мультимедиа проектов, приложений и рекламы
развивающуюся 3D и Flash технологии. Наиболее популярные мультимедиа проекты, расположенные во Всемирной паутине, используют потенциал Flash для рекламы собственных торговых марок и привлечения
внимания пользователей. Причем Flash-расширения
могут иметь различную направленность: корпоративную, развлекательную, информационную, электронная
коммерция. Уникальные свойства flash способствуют
совершенствованию продукта в целом, предлагая прекрасные графические средства, поддержку анимации и
обеспечение сложных интерактивных свойств. Как правило, разработка сложных интерактивных компонентов
компьютерных программ осуществлялась с помощью
специальных инструментов для разработки, но с появлением Flash этот процесс значительно упростился.
Этот инструмент позволяет совершенствоваться в искусстве живописи, анимации, избавляя дизайнеров от
рутинной ручной работы.
Актуальность работ в данной области объясняется тем фактом, что 3d моделирование и flash-технология
продолжают стремительно развиваться, находя применение в новых областях. Все больше интегрированных
сред программирования нацелены на внедрение и поддержку технологии Flash, а это значит, что современные
программные продукты все чаще будут применять её,
как наиболее удачное решение в области графики, анимации и графического представления информации. Развитие мультимедиа технологий и создание мультимедийных продуктов и систем является актуальной задачей, позволяющей внедрить новые решения в экономике, культуре, образовании, науке, а так же заметно выиграть на этапе проектирования и реализации уменьшая
при этом затраты на конечный продукт.
В данной статье рассматривается проект электронного путеводителя по университету, реализованный в рамках дипломного проектирования совместно со
студентами ВИС ЮРГУЭС. Пользовательский интерфейс путеводителя реализован в виде оболочки, выполненной на объектно-ориентированном языке Action
Script 2.0. Данный программный продукт включает в
себя подпрограммы управления видео, аудио, и псевдо
3d графикой. В рамках проекта решались задачи представления и отображения различных видов информации
– графической, текстовой, видео, аудио, применения
современных подходов к проектированию пользовательского интерфейса и расширения возможностей
мультимедиа продуктов, реализации современных подходов к проектированию мультимедиа приложений.
При разработке проекта использовалось следующее программное обеспечение:
- операционная система Windows XP SP2;
- среда разработки Macromedia Flash 8, дополнительно, для графического прототипа использовалась
Xara Xtreme Free User;
- для конструирования и редактирования графических изображений: Adobe PhotoShop 8.0 CS, Xara
Xtreme Free User, Macromedia Flash 8.0 , Image Optimizer
PRO 4.0, 3d studio max 5;
- для представления аудиоинформации, музыкальных треков, и звуков событий WaveLab 3.0 free
user, Adobe Audition 1.0 beta 2.0;
- процесс документирования – EasyCHM.
В программном продукте реализованы следующие основные функции:
- изменения цвета пользовательского интерфейса;
- динамическое изменение музыкального сопровождения;
- управление загрузкой и воспроизведением музыки в программе;
- управление загрузкой и воспроизведением видео в программе;
- правление программной анимацией по средствам настроек;
- справочная система;
- управление качеством загружаемых ресурсов;
- сохранение профилей пользователя на локальный диск;
- динамическая подстройка под экран пользователя;
- динамическая фотогалерея.
Главный интерфейс электронного путеводителя
приведён на рис.1.
Рисунок 1 – Главный интерфейс программы
Программа состоит из двух основных разделов:
- раздел WEB;
- раздел «путеводитель».
Сценарий навигации позволяет пользователю:
– выбор между Web сайтом и путеводителем;
– выбор этажа здания университета и помещений
для просмотра;
– возможность интерактивного просмотра помещений;
– показ начальной информации о кафедрах и
преподавателях;
– просмотр графических материалов.
Web-раздел представляет собой не что иное как
web-сайт, на котором можно кратко ознакомиться с
деятельностью института, специализацией и историей.
Узнать о специальностях, по которым ведётся подготовка или просто прочитать новости и события института.
Раздел «путеводитель» – это виртуальные прогулки с частичной интерактивностью по этажам и помещениям главного здания университета. В продукте
имеются следующие основные меню.
Главное меню (рис.1) располагается по центру
интерфейса и имеет выразительные черты. В то же время это меню является главным навигационным инструментам в руках пользователя. Схема процесса навигации по главному меню web-раздела программы приведена на рисунке 2.
Фото галерея
Университет
Главное меню
Событие Press
Путеводитель
Связь
Рисунок 2 – Схема навигации в главном меню
Функция динамического изменения цвета пользовательского интерфейса. вносит коррективы в свойство – цвет всех объектов программы. Основные цвета
это – зеленый, желтый, красный, черный. У каждого из
цветов есть собственный массив переменных, эти переменные отвечают за цвет информационного окна, состояния кнопок, панелей настроек, фонов. Функция
исходя из указаний пользователя назначает переменным
шестнадцатеричное значение нового цвета, затем она
идет по всем объектам программы и применяет к ним
новый цвет.
В меню музыкальных настроек возможно динамическое изменение музыкального сопровождения. Эта
функция подразумевает изменение загруженной музыкальной композиции на новую, посредством выбора
новой музыкальной темы. Темы можно расширять, делая незначительные изменения в коде программы.
Также имеется раздел справка – вспомогательный инструмент изучения функций программы. В этом
разделе можно выбрать тип справки – статическая, динамическая или простые подсказки.
Весь код программы храниться в основном модуле программы, главной загружаемой оболочке. Ресурсы, имеющие свой программный код, берут его именно
из главного модуля. Это значит, что без доступа к коду
все ресурсы не представляют интереса по отдельности,
и не работоспособны. Это экономит место и упрощает
отладку программы, но делает её структуру довольно
сложной.
При выборе раздела «путеводитель» открывается
интерфейс, приведённый на ри.5.
Дополнительные меню выполнены в виде раскрывающихся панелей (панель с раскрытием вправо и
влево). В правой панели размещён выбор цветовой схемы, информация о ходе загрузки звуковых дорожек,
управление звуком, и полное отключение звукового
сопровождения. В левом меню помещены генеральные
настройки программы. Их вид приведён на рис.3 и
рис.4.
Рисунок 5 – Раздел «путеводитель»
Рисунок 3– Меню основных настроек
Рисунок 4 – Меню цветовых и музыкальных настроек
Это одна из главных частей программы, здесь
пользователь получает возможность смотреть видео,
выбирая на миникарте (справа) маршрут передвижения
по этажам и аудиториям здания (рис.5). В нижнем правом углу видеоокна расположено перемещаемое меню
для управления процессом просмотра видео – стандартные кнопки: «воспроизведение», «стоп», «перемотка» и
т.д.
Один из разделов путеводителя это динамическая фотогалерея – это часть программы специализирующаяся на загрузке изображений в формате jpg. Если
пользователь не будет смотреть то, что ему не интересно программа не будет загружать этот ресурс, более
того, если ресурс уже загружается, пользователь может
в любой момент завершить загрузку, просто закрыв
раздел галереи, тем самым высвобождая ресурсы компьютера. Интерфейс фотогалереи приведён на рис.6.
Процесс подготовки аудиоданных для программного продукта показан на рис.8.
Этапы подготовки аудиоинформаци
ПРОГРАММНАЯ СРЕДА
Меню помощи
Анимация и события
кнопок
Плеер
Загрузка посредством программного кода AS2 с дальнейшим
распределение по ссылкам
Музыкальные
Фоновые композиции
Звуки событий и анимации
Динамическая справка и помощь
Сортиров ка аудио файлов по стилю (жанру) и специфике
применения в программе
ФАЙЛЫ НА ЛОКАЛЬНОМ ДИСКЕ
С точки зрения разработчика интересна технология процесса разработки предлагаемого программного
продукта. Рассматривать подробно весь процесс не имеет смысла, так как он может занять сотни страниц описания, основные этапы от проектирования 3D модели до
ее визуализации иллюстрируются рис. 7.
1. Моделирование –
этапы от проектирования 3d модели до ее визуализации
планирование
Выделение участков для
моделирования и исключение
объектов, не попавших в сценарий
Визуальное и композиционное наполнение
Создание текстур, средс твами сторонних
ПО так и средс твами MAX
Получение фото
текс тур с фотографий
их обработка в
дополнительном ПО
Наложение текстур, и создание
композиционных и мультиканальных
текс тур для стендов, и стен
моделирование
Выбор метод а моделирования
Работа над композицией. Созд ание
источников света, подсветки. Создание
дополнительных световых материалов
Создание первой базовой модели
инс титу та (стены пол потолок).
Моделирование предметов интерьера,
и дополнительных (вспомогательных)
объектов
Съемк а предметов
интерьера на камеру
Тестирование и экспорт
Визуализация
сцены
Тес тирование сцены
на предмет
артефактов и ошибок
Рисунок 7 – Проектирование 3D модели
и её визуализация
Основные этапы подготовки видеоинформации для электронного путеводителя показаны на рис.8.
Этапы подготовки видео:
ПРОГРАММА 3D МОДЕЛИРОВАНИЯ
Первый этап - Рендеринг в
приложении 3D моделирования, и
получении первого видео материала
Рендеринг различных участков
модели Институ та
ПРИЛОЖЕНИЕ ДЛЯ МОНТАЖА
Второй э тап - Монтаж видео с
применением дополнительного ПО
Экспорт пос ле монтажа в несжатом
виде.
Файл 2
….
Файл 12
Файл 1
Файл 2
….
Файл 15
Файл 1
Файл 2
….
Файл 20
Рисунок 8 – Этапы процесса подготовки
аудиоинформации
Рисунок 6 – Раздел фотогалерея
Подготовка материалов: строительных
планов, чертежей, вид ео и фото
информации
Файл 1
ПОДГОТОВКА ВИД ЕО В FLASH Video Encoder
Третий э тап - Сжатие и экспорт вид ео
в программе FLASH Video Encoder
Полученное вид ео экспортируем в
программу FLASH.
Рисунок 8 – Этапы процесса подготовки
видеоинформации
Созданное программное обеспечение, может выступать в роли рекламно-информационных презентационных материалов, интерактивного электронного путеводителя университета, для более качественного и всестороннего освещения его деятельности, что, несомненно, имеет важное практическое значение при проведении профориентационной и агитационной деятельности, привлечении абитуриентов.
Библиографический список
1. Астелс Девид, Мирослав Новак. Практическое
руководство по экстремальному программированию:
Пер. с англ. - М.: Издательский дом «Вильямс», 2002. –
408 с.
2. Владислав Головач. Дизайн пользовательского
интерфейса, 2001. – 160 с.
3. Гурвиц, Майкл, Мак-Кейб, Лора. Использование Macromedia Flash MX. Пер. с англ. - М.: Издательский дом «Вильямс», 2003. – 833 с.
4. Джой Лотт, Роберт Рейнхардт, Flash MX Action Script. Библия пользователя: Пер. с англ. – М.: Издательский дом «Вильямс», 2003. – 1145 с.
5. Полевой Р. 3D Studio MAX для профессионалов. – СПБ: Издательский дом «Питер», 2001. – 840 с.
6. Круг С. Веб-дизайн: книга Стива Круга или
«не заставляйте меня думать!»: - Пер. с англ. – М.: Издательский дом «Символ-Плюс, 2005. – 370 с.