3.4.Структура программного обеспечения
Технология Macromedia Flash MX
Технология Flash базируется на векторной графике. В векторном формате графическая информация представляется с помощью кривых, описываемых математическими формулами, что обеспечивает возможность трансформирования изображений без потери качества. Каждый векторный объект имеет две цветовые характеристики: обводку и заливку, в Flash соответственно stroke и fill. Обводка и заливка в векторном изображении рассчитываются математически, что очень важно при анимировании изображений. Поскольку элементы векторного изображения строятся на основе результатов вычисления математических выражений, такое изображение можно масштабировать, растягивать и изменять без ущерба для его четкости[14].
Анимация Flash имеет горизонтальную и вертикальную структуру соответственно Frames (кадры) и Layer (слои). Каждый фрейм анимации представляет собой текущее состояние изображения в определенный момент времени. Каждый слой может содержать неограниченное число элементов анимации (рис. 3.13.).
Рис. 3.13. Анимация Flash
Кадры и слои объединены на временной шкале, которая представляет собой инструмент, позволяющий анимировать изображение. Анимация – это процесс изменения характеристик (размера, положения, цвета, формы) графического объекта во времени.
Кадры бывают простые и ключевые. В ключевых кадрах происходят какие-либо изменения.
Каждый кадр содержит одно статическое изображение. При последовательной смене таких изображений создается иллюзия движения.
Частота смены кадров определяет скорость воспроизведения анимации. Измеряется в количестве кадров в секунду (fps). Чем выше значение fps, тем больше кадров воспроизводится в секунду, тем лучше качество фильма. Но следует учитывать, что чем выше fps, тем больше требуется ресурсов памяти.
Слои можно сравнить с прозрачной пленкой, на которой изображен объект. При наложении одного слоя на другой получается изображение.
Поскольку слои образуют «стопку», верхний слой находится на переднем плане, а нижний – на заднем.
Слои:
Обычные.
Направляющие:
обычные, которые содержат объекты, играющие вспомогательную роль во время позиционирования элементов изображения;
направляющие движения, которые применяются для создания пути перемещения анимированного объекта.
Слои-маски используются для создания пустот, через которые видны объекты нижнего слоя.
Сцены – это эффективный инструмент, помогающий разделять общее содержимое Flash-проекта на отдельные, управляемые фрагменты, каждый из которых содержит определенную серию элементов и событий (интерактивные элементы, диалог с пользователем, анимацию, клипы). Сцены воспроизводятся последовательно и, являясь самостоятельными, тесно связаны между собой. Число используемых сцен ограничено только объемом памяти компьютера (рис. 3.14.).
Рис. 3.14. Сцены
Среди элементов, составляющих анимацию Flash можно выделить объекты многократного использования, так называемые символы. Символы представляют собой объекты, которые хранятся в библиотеке. При извлечении из библиотеки в область действия помещается не символ, а его копия, именуемая экземпляром символа, который можно как угодно модифицировать, но исходный символ в библиотеке останется неизменным (рис. 3.15.).
Рис. 3. 15. Символы
Таким образом, можно использовать одно изображение в качестве основы для создания других объектов со сходными характеристиками. Символы удобны еще по ряду причин. Во-первых, при их использовании значительно ускоряется процесс создания проекта, т.к. для получения различных объектов достаточно модифицировать экземпляр символа, хранящегося в библиотеке. Во-вторых, значительно уменьшается размер файла[19].
Символы делятся на две категории: Flash-символы, создаваемые непосредственно в этой среде, и импортированные символы, подготовленные в других программах.
Собственные символы Flash:
Кнопки.
Графические символы.
Клипы.
Импортированные символы:
Растровые рисунки.
Звуковые файлы.
Цифровое видео.
Кнопки представляют собой динамические элементы, которые способны реагировать на щелчок мышью. Кнопки формируются из четырех различных статических изображений, называемых состояниями. То или иное состояние отображается в зависимости от действий пользователя. Состояния: кнопка отжата (up), над кнопкой находится указатель мыши (over), на кнопке выполнен щелчок (down). Четвертое состояние визуально проследить нельзя, оно необходимо для определения активной части кнопки.
Графические символы – это статические графические объекты, созданные с помощью различных инструментов рисования и черчения в среде Flash.
Клипы – это небольшие самостоятельные фрагменты анимационного проекта, элементы с произвольной структурой, которые функционируют и воспроизводятся независимо от основной временной шкалы. Один клип может быть вложен в другой. Допускается любое число уровней вложения.
Любой импортируемый растровый рисунок автоматически конвертируется в символ и помещается в библиотеку.
Звуковые файлы в процессе импортирования также помещаются в библиотеку[7].
Flash позволяет импортировать и использовать файлы различных цифровых видеоформатов, в частности форматы QuickTime, Audio Video Interlace (AVI), Digital Video (DV), Motion Picture Expert Group (MPEG), Window Media Files (WMF/ASF). Все импортированные видеофайлы автоматически помещаются в библиотеку для использования в качестве символов.
Библиотека – хранилище всех символов Flash-проекта. Организационная структура библиотеки – каталоги, каждый из которых содержит символы определенного типа (рис. 3.16.).
Рис. 3.16. Библиотека
В библиотеке содержится следующая информация о символах[8]:
Name – имена, присвоенные символам, а также имена импортированных файлов.
Kind – информация о типах символов: Button (кнопка), Bitmap (растровое изображение), Graphic (графический символ), Movie Clip (клип), Sound (звуковой файл).
Use Count – счетчик использования.
Linkage – информация об использовании символа в других проектах, или о том, является ли данный символ импортированным из другого файла.
Date Modified – дата последней модификации символа.
Текст в среде Flash создается в блоках, которые называются текстовыми полями. Текстовое поле можно перемещать по рабочей области. Различают три типа текстовых полей: статический, динамический, вводимый (рис. 3.17.).
Рис. 3.17. Текстовое поле
Статический текст создается по умолчанию и используется исключительно для передачи информации.
Динамический текст в поле обновляется при внесении изменений в источник. Источником может быть база данных или текстовый файл.
Поля третьего типа применяются в тех случаях, когда необходимо создать элемент для ввода данных пользователем.
Единственное различие между текстом ввода и динамическим текстом связано с тем, в каком направлении передаются данные.
При публикации окончательного варианта проекта Flash вкладывает необходимую информацию о шрифтах, что обеспечивает корректный вывод текста.
Архитектура базовых элементов ActionScript[4].
ActionScript – это встроенный язык программирования сценариев в среде Flash, обеспечивающий контроль над анимацией, а также определенный уровень интерактивности разработок.
Использование сценариев ActionScript предоставляет пользователю возможность изменять ход воспроизведения Flash-проекта при помощи ввода команд с использованием мыши или клавиатуры, что немаловажно при разработке таких проектов, как учебные программы и интерактивные интерфейсы.
Таким образом, сценарии ActionScript необходимы для управления схемой воспроизведения, свойствами интерактивных элементов, потоком и направлением движения данных. Именно корректное написание сценариев обеспечивает интерактивность Falsh-проекта.
В качестве программной базы любой Flash-разработки можно выделить шесть основных элементов ActionScript[10]:
действия и обработчики событий;
функции;
свойства объектов;
операторы;
объектные ссылки и ссылки на временную шкалу;
предопределенные объекты.
Действия представляют собой набор встроенных команд, непременно связанных с объектами или кадрами временной шкалы. Отсюда различают два вида действий: действия объектов и действия кадров.
Рис. 3.18. Объекты
Объекты, с которыми могут быть связаны действия ActionScript, бывают двух различных типов: кнопки и клипы, поскольку они являются интерактивными компонентами Flash-проекта.
Действия, связанные с объектами, управляются обработчиками события. Когда объект принимает сообщение о том, что указанное событие произошло, выполняется действие, связанное с данным объектом.
Для кнопок подобные сообщения в основном поступают в виде сигналов от мыши или клавиатуры. Сообщения о событии клипа появляются в результате любых изменений или взаимодействий, которые происходят с самим клипом, например, загрузка или выгрузка клипа. Действия кадров могут быть связаны только с ключевыми кадрами. Посредством связывания действий с кадрами можно изменить ход воспроизведения проекта[8].
Основное отличие действий кадров от действий объектов заключается в отсутствии обработчика события. Действия кадров не требуют специальных обработчиков, поскольку они выполняются в ходе воспроизведении кадров. Другими словами, случай, когда на временной шкале встречается ключевой кадр со связанным действием, и будет являться условием выполнения последнего.
Функции – самостоятельные фрагменты кода в языке ActionScript (рис. 3.19). Эти уникальные подпрограммы могут быть многократно использованы для решения стандартных задач по обработке и извлечению информации в ходе функционирования Flash-проекта. Функции могут возвращать результат обработки передаваемых им данных.
Рис. 3.19. Функции
Свойства – это элементы, которые предоставляют доступ к данным о состоянии, положении и характеристиках интерактивных элементов разработки. При помощи свойств можно устанавливать и извлекать различные параметры временных шкал, кнопок и клипов[5].
Операторы применяются для вычисления и изменения значений выражений, а также присвоения результатов вычисления указанным переменным или параметрам функций и элементов. Операторы могут также использоваться в целях нахождения логических взаимосвязей некоторых выражений или переменных.
Объектные ссылки – это средства, позволяющие получать доступ к элементам разработки: клипам, уровням, переменным, объектам и функциям.
Предопределенные объекты применяются для управления или манипулирования свойствами и данными, связанными со встроенными объектами.
Объект – это любой графический элемент, который был создан или импортирован в Flash: блок текста, растровый рисунок или геометрическая фигура. Группировка, позиционирование, трансформация, порядок размещения[14].
Dreamweaver MX 2004
[http://www.softline.ru/product.asp?catalog_name=SoftLine&category_name=&product_id=Software-11862&view=tech_info_ru&cookie%5Ftest=1]
1. Идеальное сочетание визуальных инструментов и средств для редактирования кода.
Создавайте код вручную, используйте удобные визуальные инструменты или выберите и то и другое. Благодаря легко настраиваемому пользовательскому интерфейсу вы сможете использовать продукт Dreamweaver MX 2004 с максимальной эффективностью (рис. 3.20).
Рис 3.20. Внешний вид Dreamweaver MX 2004
2. Свобода выбора технологий, используемых в рабочем процессе.
Решение Dreamweaver MX 2004 предоставляет полную свободу в выборе платформы или используемых технологий, поддерживает такие стандарты, как J2EE™, PHP и Microsoft .NET, работает на платформах Microsoft Windows® и Apple Macintosh®, а также допускает интеграцию с распространенными инструментами (такими, как Macromedia Flash, Fireworks, Contribute, MicrosoftO Word и Excel) [19].
3. Создание внешне привлекательных динамических сайтов.
Создавайте современные web-сайты и приложения на базе каскадных таблиц стилей и технологии Macromedia Flash. Ускорьте процесс разработки, благодаря использованию новых элементов Macromedia MX HTML при работе с каскадными таблицами стилей. Воспользуйтесь преимуществами технологии Fireworks для обрезания изображений, изменения их размеров и внесения других исправлений, не покидая среды Dreamweaver MX 2004.
4. Разработка сложных Интернет-приложений.
Быстро разрабатывайте web-приложения, за счет поддержки современных серверных технологий (таких, как ASP, ASP.NET, ColdFusion, JSP и PHP). Решение Dreamweaver предлагает мощные средства для работы с программным кодом и удобные визуальные инструменты, позволяющие создавать приложения в кратчайшие сроки[4].
5. Разработка приложений для любых типов браузеров.
При разработке приложений почти невозможно добиться полной совместимости используемых тэгов, атрибутов и конструкций CSS с различными типами браузеров. Теперь эти сведения встроены в продукт Dreamweaver MX 2004. Сконцентрируйте внимание на творческом процессе, а продукт Dreamweaver MX 2004 сделает всю остальную работу.
6. Надежная защита элементов сайта и безопасная передача файлов.
Интегрируйте Dreamweaver MX 2004 с необходимыми программами для управления источниками, а также воспользуйтесь функцией контроля данных при вводе и выводе для исключения вероятности перезаписи общих файлов. Используйте утилиту «Secure FTP» для полноценного шифрования всей передаваемой информации и предотвращения несанкционированного доступа к данным, файлам, учетным записям пользователей и паролям.
7. Использование каскадных таблиц стилей для проектирования структуры сайта.
С помощью каскадных таблиц стилей вы сможете не только определять стиль текста и заменять тэги шрифтов, но и разрабатывать структуру сайта, создавать его макет и планировать размещение контента, независимо от типа браузера. Эта функция Dreamweaver MX 2004 окажется одинаково полезной как для экспертов, желающих усовершенствовать процесс проектирования, так и для новичков, собирающихся применять встроенные таблицы стилей в своих проектах (рис. 3.21.).
Рис 3.21. Разработка CSS в Dreamweaver MX 2004
8. Интеграция с необходимыми для работы приложениями.
Продукт Dreamweaver MX 2004 входит в состав пакета Macromedia Studio MX 2004, вместе с программами Macromedia Flash, Fireworks и другими инструментами для дизайна и разработки. Пользователи Dreamweaver MX 2004 могут с легкостью использовать все преимущества перечисленных решений, от обработки графических изображений в программе Fireworks до импорта элементов Macromedia Flash[5].
9. Разработка, а не обновление.
Шаблоны Dreamweaver MX 2004 могут использоваться в комбинации с продуктом Contribute для обозначения частей сайта, доступных для редактирования разработчикам контента. Таким образом, вы сможете полностью сосредоточиться на проектировании и разработке, не тратя лишнего времени на обновление контента.
10. Возможность вступить в сообщество пользователей Dreamweaver MX.
Сообщество пользователей Dreamweaver MX насчитывает более трех миллионов человек, каждому из которых предлагаются многочисленные преимущества (среди которых Macromedia DevNet Center, программы сертификации, учебные курсы и семинары, форумы пользователей и сайты независимых разработчиков). Кроме того, приложение Macromedia Dreamweaver Exchange предлагает более 800 бесплатных дополнительных модулей, доступных для загрузки через Интернет[10].