Применение технологии Macromedia Flash для разработки сайта

Содержание Введение

1. Основные принципы работы с Macromedia Flash

1.1 Структура Macromedia Fash

1.2 Принципы использование Macromedia Flash

1.2.1 Использование векторной графики в Macromedia Flash

1.2.2 Использование технология Symbol Conversation в Macromedia Flash

1.2.3 Передача данных в потоковом режиме в Macromedia Flash

1.2.4 Работа со звуком в Macromedia Flash

1.2.5 Использование Action Script в Macromedia Flash

1.3 Разделение данных и их представления

1.4 Существующие решения Macromedia Flash

1.5 Классификация Macromedia Flash

1.6 Рейтинг flash сайтов

1.7 Сайт Bacardi Original Mojito

1.7.1 Дизайн сайта Bacardi Original Mojito

1.7.2 Структура и навигация сайта Bacardi Original Mojito

1.7.3 Содержание сайта Bacardi Original Mojito

1.8 Сайт v5 Design

1.8.1 Дизайн сайта v5 Design

1.8.2 Структура и навигация сайта v5 Design

1.8.3 Содержание сайта v5 Design

1.9 Сайт Nokia Trends Lab

1.9.1 Дизайн сайта Nokia Trends Lab

1.9.2 Структура и навигация сайта Nokia Trends Lab

1.9.3 Содержание сайта Nokia Trends Lab

1.10 Характеристики и элементы сайта Oral. kz

1.10.1 Дизайн сайта Oral. kz

1.10.2 Структура и навигация сайта Oral. kz

1.10.3 Содержание сайта Oral. kz

1.11 Сравнительный анализ используемых технологий flash

2. Применение технологии macromedia flash

2.1 Исследование структуры Flash сайта Oral. kz

2.2 Исследование потребностей различных групп потенциальных посетителей Flash сайта Oral. kz

2.3 Разработка макета Flash сайта Oral

2.3.1 Разработка информационной структуры Flash сайта Oral. kz

2.3.2 Дифференциация доступа пользователей к информации, разработка структуры меню сайта

2.3.3 Разработка дизайна сайта на основе Macromedia Flash

2.3.4 Формирование разделов на сайте Oral. kz

2.4 Создание сайта Oral. kz на программе Macromedia Flash

2.4.1 Создание меню сайта Oral. kz

2.15 Создание flash сайта Oral. kz в Macromedia Flash

2.16 Добавление объектов из библиотеки

2.17 Добавление динамических текстовых полей

2.18 Добавление новых кадров

2.19 Добавление стандартных компонентов в проект

2.20 Оформление теста

3. Экономическое обоснование разработки проекта

3.1 Цель проекта для формирование входных данных расчетов

3.2 Расчет затрат на создание и функционирование сайта

3.2.1 Расчет текущих затрат сайта с рекламными продукциями

3.2.2 Расчет функционирование сайта с рекламой на год

3.3 Оценка срока окупаемости единовременных затрат

4. Общие требования безопасности

4.1 Анализ опасных и вредных производственных факторов

4.1.1 Физические опасные и вредные производственные факторы

4.1.2 Повышенная или пониженная температура поверхностей оборудования

4.2 Повышенная или пониженная температура воздуха на рабочем месте

4.3 Повышенный уровень шума на рабочем месте

4.4 Отсутствие или недостаток естественного света, недостаточное освещение рабочего места Заключение Список используемой литературы

Введение

В настоящее время, для разработки интернет-сайтов, широко доступны Macromedia Flash программное обеспечение, которое позволяет публиковать и изменять опубликованную на сайте информацию самостоятельно. Наиболее востребованная функциональность реализована в Macromedia Flash и может быть сразу использована. При разработке полностью или частично используются готовые модули, которые уже прошли неоднократное тестирование. Так же Macromedia Flash позволяют разделять данные и их представление, что позволяет изменять внешний вид сайта намного быстрее и с меньшими затратами, чем в случае со статическим сайтом.

Macromedia Flash — очень мощное, при этом простое в использовании, средство создания анимированных проектов на основе векторной графики с встроенной поддержкой интерактивности. Flash является идеальным рабочим инструментом для художников и дизайнеров, позволяющим дополнять создаваемые ими Web — проекты анимацией и звуком.

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

Изначально Flash разработки были мало известны пока корпорация Macromedia не предложила переделать один из разделов сервера Walt Disney используя Flash. Это дало большую рекламу Flash технологии. Многие дизайнерские студии начали покупать пакеты программных продуктов для разработки Web страничек при помощи Flash технологии.

На сегодняшний момент существует множество Web-сайтов, построенных с использованием технологии Flash. Есть также довольно много программ, использующих для тех или иных целей Flash-графику. Создано большое количество неплохих Flash-фильмов, которые мы можем увидеть на сайтах http://waterlife.nfb.ca, и др. Существует Дмитрий Дибров, показывающий в телепередаче «Ночная смена» потрясающие по своей невразумительности Flash-ролики. И, наконец, существует целое сообщество «флэшеров».

Предмет исследования данной работы — применение технологии Macromedia Flash для разработки сайта.

1. Основные принципы работы с Macromedia Flash

1.1 Структура Macromedia Fash

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

Macromedia Flash — этот пакет предназначен прежде всего для создания именно анимации. Неподвижные изображения, конечно, с его помощью создавать тоже можно, но профессиональные художники используют его только тогда, когда под рукой нет ничего более подходящего. Для создания неподвижной графики существуют Adobe PhotoShop, Adobe Illustrator, Macromedia Freehand, Macromedia Fireworks и другие программы. Они приспособлены для этого лучше, чем Flash. Имейте это в виду. Главное преимущество Flash в том, что он предлагает непревзойденное сочетание достаточно богатых возможностей создания неподвижных изображений, анимации и интерактивности. В этом смысле все вышеперечисленные программы просто отдыхают. При всех их немалых достоинствах никто из них не может того, что может Flash. То, что проигрыватель Flash установлен на 98% всех компьютеров мира.

Интерфейс Macromedia Flash состоит из окна фильма, панели инструментов и других многочисленных панелей. Размещение всех этих элементов можно настроить в соответствии с собственными предпочтениями.

Пользовательский интерфейс во Flash значительным образом модернизирован. Параметры доступные на панели Property Inspector (Инспектор свойств), являются контекстно-зависимыми и открываются в зависимости от того, какой объект был выделен. Панель Property Inspector позволяет чрезвычайно быстро редактировать объекты. Панели Stroke (Штрих), Fill (Заливка), Text (Текст), Paragraph (Абзац), Character (Знак), Instance (Экземпляр), Frame (Кадр), Effect (Эффект) и Sound (Звук), применявшиеся в программе Flash 5, полностью заменены панелью Property Inspector, изображенном на рисунке 1. К сожалению, мечта реализована не полностью, и доступ к некоторым инструментам (например, Round Rectangle Radius, с помощью которого можно нарисовать прямоугольник со скругленными углами) пока что можно получить только в подразделе Options (Параметры) панели инструментов либо на других панелях. Некоторые параметры повторяются на разных панелях. В частности, параметры заливки и штрихования доступны на панели инструментов, а также на панели Property Inspector и Color Mixer. Тем не менее панель Property Inspector является существенным усовершенствованием интерфейса и практически полностью избавляет от необходимости открывать многочисленные диалоговые окна.

Рисунок 1. Property Inspector (Инспектор свойств) Практическая реализация покадровой анимации очень проста и наглядна, хоть и весьма трудоемка. Таким образом, мы сможем больше узнать о временной шкале, с которой часто будем работать в дальнейшем. Вы ведь помните важнейший принцип познания: от простого — к сложному.

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

Рисунок 2. Панель Library (Библиотека) В версии Flash MX объекты интегрированы более тесно. Теперь кнопки представляют собой истинные объекты, свойствами которых можно управлять посредством ActionScript, а видеоклипы могут получать события кнопок. Панель Actions изображена на рисунке 3.

ActionScript — это язык программирования, посредством которого во Flash осуществляется отправка команд и запросов о временных зависимостях, видеоклипах, кнопках и других объектах. Очень часто с помощью ActionScript можно легко достичь целей, которые в противном случае представляли бы собой труднодостижимую или, вообще, невозможную задачу. ActionScript необходим для реализации любого рода интерактивности, например, отклика после щелчка пользователем кнопкой мыши или нажатия клавиши на клавиатуре. Кроме того, ActionScript является единственным способом реализации перехода к определенному кадру временной шкалы либо начала или остановки воспроизведения видеоклипа. Как правило, при использовании ActionScript удается получить SWF-файлы меньших размеров и с лучшим качеством, чем при создании промежуточных отображений. Еще одним преимуществом является то, что различные задачи удается выполнять с большей точностью, например перемещать видеоклип в точно заданное место рабочей области. Возможности языка ActionScript безграничны, а использовать его очень легко. Знакомство с ActionScript лучше всего начать с панели Actions (Действия).

Рисунок 3. Панель Actions

1.2 Принципы использование Macromedia Flash

Компания Macromedia объединила множество мощных идей и технологии в одной программе, позволив пользователям получать через Web целые мультимедийные презентации. На данный момент используя программу Fash, мы можем позволить себе стильный, современный или оживленный виртуальный мир, а Flash баннер может затмить обычные анимированные GIF картины, Flash — клипы (и любые действия в них) можно озвучивать, превращая их мультипликационные ролики, так же, можно создать flash — игры, и пользоваться у посетителей своего сайта большой популярностью. По этим причинам возникает неугасаемое желание каким-либо из способов применить технологию Macromedia Flash. Способы применения этой технологии выражаются в следующих объектах:

· Для создания баннерных профилей на сайте (особенно популярно использование flash для создания больших баннеров на первой странице сайта);

· Для создания промо-разделов сайта (например, для презентации продукта) или промо-блоков;

· Для разработки интерактивной карты регионов;

· Для разработки развлекательных игр, с целью привлечения определенной аудиторию;

· Для разработки flash-версии сайта;

Преимущества использования flash:

· Неизменность вида flash-ролика в зависимости от типа браузера или разрешения экрана;

· Визуальная наглядность и эффектность;

· Возможность записи flash-ролика целиком на CD или DVD.

Этапы работ:

· Проведение интервьюирования Клиента

· Разработка двух различных по концепции вариантов flash

· Согласование выполненных работ с Клиентом, выполнение необходимых доработок

· Предоставление разработанного flash-ролика Клиенту (в электронном виде) Следует отметить, что Macromedia снабжает все свои продукты очень хорошо организованной и всеобъемлющей справочной системой и обучающими примерами в формате Flash, по которым можно освоить основные навыки работы с символами и текстом, организации flash-презентаций, синхронизации звука и создания кнопок.

Macromedia выпустила Flash-проигрыватели для всех основных операционных систем и типов браузеров, что обеспечило необходимую для Internet кросс — платформенность и популярность этой технологии. Согласно последним опросам в сети Интернет, приблизительно 80% пользователей могут просматривать содержимое Web-сайтов на Flash без загрузки дополнительного программного обеспечения, и только 61% - Web-страницы с элементами Java. Скорее вынужденным шагом было свободное лицензирование Macromedia кода (Free Source licensing program) проигрывателя для Flash, которое ускорит использование формата swf в Web-приложениях нового поколения сторонними производителями программных продуктов.

1.2.1 Использование векторной графики в Macromedia Flash

Использование векторной графики как графического режима по умолчанию делает Flash незаменимым средством разработки для Web. Векторная графика — это объекты, определяемыми математическими уравнениями, или векторами, которые содержат информацию о размере, форме, цвете, границе и местоположении. Это эффектный способ обращения с графикой, в результате которого получаются файлы относительно небольших размеров даже при работе со сложными рисунками. Более того, векторная графика не зависит от разрешения, с которым просматривается объект. Векторная графика на сегодня — идеальное решение для разработки Webсайтов, позволяющее с равной эффективностью воспроизводить изображения практически на всех типах компьютеров (Pc, Mac, NoteBook) и мониторов.

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

По сути, вектор — это прямая, направленная от точки до точки, так как векторное изображение состоит их координат угловых точек, между которыми проходят прямые. Чтобы изобразить простую линию в растровом формате, потребуется указывать местоположение каждой точки этой линии, для изображения той же линии в векторе, необходимо лишь указать две точки и расстояние между ними, плюс — толщина линии и ее цвет. Естественно, что многие цифровые параметры неоднократно повторяются, именно они и позволяют легко сжимать векторные изображения в два, три раза. В отличие от растровых форматов, таких как GIF и JPEG, используемых в сети повсеместно, векторные изображения — графика, тексты, схемы и анимация легко экспортируются в необычайно компактные файлы формата SWF (Shock Wave Flash), которые быстро грузятся и способны потоковом проигрываться непосредственно в Сети при помощи обычного браузера.

1.2.2 Использование технология Symbol Conversation в Macromedia Flash

Подход Flash к разработке также облегчает создание сложных мультимедийных презентаций, при этом размеры файлов остаются небольшими. Так как такие элементы, как векторы, растровые изображения и звук обычно используются в одном проекте несколько раз, Flash, благодаря своей внутренней функции Symbol Conversation позволяет создавать единственный экземпляр объекта, который можно повторно использовать вместо того, чтобы каждый раз пересоздавать новый. Такой подход существенно уменьшает размер файла проекта.

К дополнению была разработана библиотека — Library. Она представляет собой перечень всех используемых констант, в качестве которых могут выступать как нарисованные символы, так и импортированные графика и звуки. С помощью библиотеки можно обращаться к любому элементу независимо от того на каком слое или кадре он находится.

Цветовые палитры, а также градиентные заливки можно импортировать (и экспортировать) из других графических приложений (например, Macromedia Fireworks и Adobe Photoshop), что обеспечивает неизменность цветов на всем сайте. Палитра сохраняется в файле. fla и не влияет на размер экспортируемого файла.swf. По умолчанию Flash использует палитру web-safe.

Используя свойства технологии Symbol Conversation можно создавать текстовые поля позволяющие вводить данные во время воспроизведения Flash-проекта для создания всевозможных форм сбора сведений от пользователей: ввода паролей, регистрационных, опросных и др. Это, наиболее значительное нововведение и шаг к созданию полноценных Web-сайтов. Кроме того, поля применяются для динамической замены текста. Такое свойство может быть использовано для отображения постоянно обновляемой информации: биржевой, спортивной, прогнозов погоды. Когда пользователь создает текстовое поле, он назначает ему переменную. При этом возможно передавать переменные в разные сцены ролика, в server-side-приложения для занесения их в базы данных и даже загружать новые данные.

1.2.3 Передача данных в потоковом режиме в Macromedia Flash

Главный решающий фактор, определяющий способность Flash создавать быстро загружающиеся приложения мультимедиа для Web — это передача содержимого в потоковом режиме. Несмотря на другие его достоинства, без этой особенности Flash вряд ли бы стал практичным для использования в Web.

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

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

1.2.4 Работа со звуком в Macromedia Flash

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

Доказано, что dhtml, html или любой другой стандарт не может быть тесно интегрирован со звуковыми файлами. Фоновый звук, который подключается через тег BGSOUND или EMBED, может иметь формат mid или wav. При использовании первого формата страница начинает бренчать и поскрипывать, но по размеру mid вполне подходит для сети Интернет. Ясно, что mid качеством отличается в обратную сторону. Звуки в формате wav имеют неплохое качество, но размер дает о себе знать, замедляя загрузку сайта, что конечно, зависит от продолжительности звукозаписи.

С появлением и распространением Flash любители озвучивать страницы стали помещать на страницу мало заметный Flash-клип, который повторяется «вечно» и проигрывает один и тот же звуковой фрагмент. При этом соотношение качество/размер остается на приемлемом уровне.

Контроль над звуком происходит с точностью до единичного кадра, и его применение ограничено только воображением. Flash проигрывает звук несколькими способами. Он воспроизводится независимо от времени либо с синхронизацией анимации со звуковой дорожкой. Существует также возможность изменять уровень звука для каждого канала и применять эффект плавного увеличения и уменьшения громкости. Итак, Flash использует два типа звуков — связанный с событием (event sounds) и потоковый (stream sounds). Их главное различие в том, что первый должен полностью загрузиться, а второй начинает воспроизводиться по мере того, как будет получен достаточный объем данных, необходимый для синхронизации с первыми несколькими кадрами. На размер экспортируемого файла. swf значительно влияет степень компрессии, которая может составлять от 8 до 160 kBps и указывается в окне Publish Settings. Flash импортирует звуковые файлы в формате AIFF, WAV и MP3.

1.2.5 Использование Action Script в Macromedia Flash

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

Возможность создавать кнопки, нажатие которых приводит к выдаче информации и воспроизведению звука или переносящее в другое место фильма проекта. Поэтому презентация в проекте может проходить в предопределённой последовательности или по пути указанному пользователем. Также возможно разработка проекта с какими либо расчетными действиями и обработки какой либо информации с помощью простого, но мощного языка сценариев «Action Script». Action Script можно рассматривать как основной язык программирования во Flash. С его помощью можно запрограммировать проект Flash на выполнение различных задач. Подобно многим другим языкам программирования, термины Action Script определяют смысловую нагрузку, порядок их следования — логическую структуру, а знаки препинания — контекст.

Для разработки интерактивных элементов во Flash используют три основных компонента: событие (event), порождающее определённое действие, действие (action), порождаемое тем или иным образом событием, и целевой объект (target), выполняющий действие или изменяемый событием. Логическая схема интерактивной функции при которой происходят действия в проекте, может быть представлена следующим образом:

1. Событие — является инициатором какого либо действия в проекте. Во Flash события подразделяются на:

· События мыши/клавиатурыэти события инициируются пользователем.

· События кадров — если разрабатывается Flash ролик, то по достижении какого либо кадра возникает событие.

· События переменных — событие происходит либо по истечении определённого интервала времени, либо значение переменной достигло того условия для которого запланировано событие.

2. Целевой объект — это непосредственно объект над которым будет проведено действие вызванное событием. Целевые объекты подразделяются на четыре основных типа:

· Текущий проект и его свойства.

· Другой проект и его свойства (если проект находится в рамках основного проекта)

· Графические элементы проекта (кнопка, рамка, фон и т. п.)

· Внешние приложения (Интернет браузер или другие программы)

3. Действие — действия которые выполняются над целевым объектом. Действия в Action Script состоят из самих действий, ссылок на целевой объект и параметров выполнения действий. Параметрами выполнения может быть, как и изменение свойств объекта, так и вычисление математического или логического выражения и присвоения результата его либо свойству объекта, либо какой либо переменной.

Для идентификации объектов или экземпляров проектов в сценариях Action Script им назначаются имена, что позволяет управлять отдельными объектами при помощи Action Script. В последних версиях Flash было включено множество дополнительных возможностей для управления проектов при помощи Action Script. Теперь Flash стал не просто красивой фоновой заставкой для Web сайтов, а полнофункциональным средством для разработки сложных Web сайтов. Flash может вполне применятся и для простых «статических» страничек, так и для многоцелевых сайтов, например: продажа в Интернете, электронная почта и чат.

1.3 Разделение данных и их представления Прежде всего, договоримся об используемой терминологии в применении к Macromedia Flash:

· Документ (статья) — единица публикуемой информации. Документом может быть одного из типов документов, используемых на сайте — новость, статья, товар и т. д.

· Атрибут — один из признаков документа. Каждый документ обладает набором признаков — атрибутов. Например, для новости атрибутами являются название, автор, аннотация, текст, дата создания.

· Тип документа — обобщенное понятие документов, обладающих одинаковыми характеристиками. Например, «новость». Подразумевается, что ранее было описано, какими атрибутами обладают документы типа «новость» и далее создаем документы этого типа.

· Структурированные данные — представление данных, при котором каждый атрибут документа представлен отдельно и с ним могут выполняться независимые операции. Как было отмечено ранее, одним из преимуществ использования Macromedia Flash является структурирование информации и разделение содержимого и его представления (данных и дизайна):

· Разделение содержимого и его представления предоставляет гарантию сохранения внешнего вида — при разделении информации и ее представления оператор вводит значение каждого атрибута в отдельное поле и может быть уверен, что оно отобразиться в нужном месте, как определено в настройках отображения. Например, мы хотим, чтобы имя автора статьи всегда отображалось под названием, было выровнено вправо и выделено жирным шрифтом. Если оператор вводит только значение, то он уверен, что данные будут отображены где нужно и как нужно. Иначе он обязан помнить о принятом стиле и вручную выполнять данное форматирование.

· Разделение содержимого и его представления предоставляет возможность применения дополнительного сервиса — когда атрибуты хранятся отдельно, с ними можно выполнять дополнительные операции. Например, если у нас автор статьи хранится как отдельное поле, то очень легко просмотреть все статьи данного автора. Если имя автора хранится в тексте статьи, то формирование списка статей автора является отдельной ручной операцией.

· Разделение содержимого и его представления предоставляет возможность интеграции с внешними системами — быстрый экспорт новостей или товаров для обмена с другими ресурсами — сайтами, внутренними системами и т. д.

· Разделение содержимого и его представления позволяет снизить стоимость смены дизайна — для изменения внешнего вида сайта нет необходимости в ручной переработке каждого документа. Изменяются только шаблоны отображения и вся информация может быть быстро представлена в другом виде.

· Разделение содержимого и его представления предоставляет возможность использования одной информации в разных дизайнах — это особенно используется последнее время при создании информационных систем холдингов, когда вся информация хранится в центральной системе, но может быть показана, как на сайте холдинга, так и на сайте отдельного предприятия, но в разных дизайнах.

1.4 Существующие решения Macromedia Flash

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

· Системы с закрытым исходным кодом

· Системы с открытым исходным кодом Существует множество приложений, где применяется Macromedia Flash с закрытым исходным кодом от крупных производителей, в основном предназначенных для крупных предприятий и организаций. Наиболее известными приложениями такого класса являются Microsoft Content Management Server, Documentum, Plumtree Portal, IBM WebSphere Portal. Стоимость внедрения проектов на базе данных решений высока. Поэтому сфера их применения узкая и ограничивается в основном созданием интранет-решений для крупных предприятий. Другим достаточно большим классом являются системы с открытым исходным кодом (Open Source). Преимуществами таких систем является доступность, наличие исходного кода, возможность локализации. Однако их использование связано со следующими проблемами:

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

· Узкая сфера применения — чаще всего продукт явился побочным результатом решения одной из собственных задач. Например, разработчики создали сайт-сообщество для общения между собой. И далее решение, на котором работает этот сайт, где применяется Macromedia Flash. Очевидно, что подобное решение может хорошо решать задачи создания такого же рода сайтов, но может быть совершенно неприспособленно для решения задач другого плана (электронная коммерция, b2b и т. д.). Наиболее известными примерами таких систем являются Open Macromedia Flash, PhpNuke, PostNuke, Portal Starter Kit и т. д.

1.5 Классификация Macromedia Flash

За несколько лет системы управления содержимым веб-ресурсов значительно усовершенствовались. Классифицируем Macromedia Flash по областям применения:

· Порталы. Используются для информационных ресурсов, основной целью ставят максимальное упрощение публикации статей и новостей. Могут включать в себя нижеперечисленные типы Macromedia Flash как самостоятельные модули.

· Движки без SQL. Это ответвление в разработке Macromedia Flash развито относительно, так как использование в качестве хранилища информации файлов вместо таблиц базы данных сопряжено с множеством труднорешаемых проблем. Достоинство этих Macromedia Flash — в доступности для модификации контента и возможности размещения на бесплатных хостингах.

· Блог. Происходит от англ. weblog. Русский термин — «сетевой дневник» — это сайт, на котором находятся личные заметки автора. В основном заметками являются ссылки на сайты, которые кажутся владельцу ресурса наиболее интересными, и комментарии к ним. Блог может содержать не только ссылки, но и просто электронный дневник пользователя.

· Игра — развлекательный вид занятий, не связанный с непосредственными задачами жизнеобеспечения. В Macromedia Flash на данном этапе созданы очень множество жанров Flash-игр. В которых можно применять не только для привлечения пользователей, но и использовать в качестве коммерческих целей.

· Фотогалерея — раздел, в котором помещают свои фотографии, или рисунки для общего обозрения. В программе Macromedia Flash эта категория очень развита, где предоставлены множества работ в сети Интернет.

· Гостевая книга — это инструмент для общения на сайте. Сообщения в форуме в чем-то похожи на почтовые — каждое из них имеет автора. Но для того, чтобы отправить сообщение в форум, нужно просто заполнить соответствующую форму на сайте.

· Развлечение — форма с использованием Интернета. Онлайновый проигрыватель, который не только может воспроизводить музыку и видео, но и давать возможность загрузить пользователю личные произведение. Главным стратегическим направлением является эффективное использование информации.

1.6 Рейтинг flash сайтов

Flash используется дизайнерами и разработчиками для создания движения, интерактивности и впечатляющих визуальных эффектов. Хорошие Flash сайты не требуют много трафика и загружаются довольно быстро.

· Flash сайт — Bacardi Original Mojito (http://www.originalmojito.pl)

Анимированная графика и водные эффекты в медленном движении придают уникальности сайту, рисунок 4. Опять же вам нужно ввести дату рождения и ваш адрес электронной почты.

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

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

Исследуем эти продукты, отобранные по частоте и качеству упоминания в поисковых системах Google.com и Yandex.ru, на специализированных проектах, а так же согласно рейтингов Flash сайтов:

· Bacardi Original Mojito (http://www.originalmojito.pl)

· v5 Design (http://www.v5design.com)

· Nokia Trends Lab (http://www.nokiatrendslab.pl/)

1.7 Сайт Bacardi Original Mojito

Flash cайт Bacardi Original Mojito расположен по адресу http://www.originalmojito.pl. На этом сайте представлен оригинальный коктейль бренда Bacardi, который был реализован ряд активностей в рамках коммуникационной платформы Bacardi Original Mojito. Коммуникация в on trade-канале прошла через серию вечеринок Bacardi Mojito Arctic Night в лучших клубах крупнейших городов России, а в off trade-канале прошел потребительский промоушен в точках по всей России.

29 и 30 мая в 14 лучших клубах России уже третий год подряд были проведены вечеринки, посвященные легенде барменского искусства — коктейлю Bacardi Mojito. В 2009 году они носили общее название Bacardi Mojito Arctic Night — а главным хитом стали коктейли с чистейшим льдом, отколотым от ледяных глыб, специально доставленных для этого мероприятия из Арктики.

Силами агентства для каждой из 14-ти площадок был разработан брендинг сет, а также специально произведенный бар, за которым гости мероприятий могли приготовить собственный Bacardi Mojito. В каждом баре был специальный демонстрационный контейнер с одной из 14-ти частей монолита арктического льда, от которого гости специальными ножами и молоточками откалывали лед для своих коктейлей.

Off trade команда агентства также провела целый комплекс работ в рамках платформы Bacardi Original Mojito — в более чем 205 точках в 14 городах России с начала 5 июня до 25 июля, покупая бутылку Bacardi Superior в подарочной упаковке, каждый покупатель получает мадлер — специальный деревянный пестик, используемый при приготовлении мохито.

1.7.1 Дизайн сайта Bacardi Original Mojito

Страница доступа к сайту представлена в формате Flash. Первоначально воспроизводиться демо — ролик, приготовление легендарного коктейля Bacardi, затем мы погружаемся в мир этого содержимого коктейля. После этого практически мгновенно загружается домашняя страница сайта. Наполнение сайта выдержано в едином стиле, при переходе по любой ссылке, становится очевидно, что стилистика сайта выдержана. Дизайн сайта соответствует брендом данного коктейля, а цветовая схема салатного и зеленого (для шрифтов и графичеких элементов оформления) и темно-зеленая (для фона текстов). Для доступа к любым данным на сайте достаточно 4-х переходов по ссылкам. Цвета дизайна страниц сбалансированы.

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

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

Рисунок 7. Меню Flash сайта Bacardi Original Mojito

Графика качественная, ее количество минимально, хорошо сочетается с остальными частями страницы, т. к. ее количество минимально, то соответственно ничего не мешает воспринимать значимую информацию.

Цвета воспринимаются глазом хорошо. Текст легко читаем, с фоном не сливается. При работе на компьютере с низком разрешении экрана 600×800 пикселей сайт становится плохо читаемым, в окне просмотра он уже не умещается по ширине на ширину левого навигационного меню.

1.7.2 Структура и навигация сайта Bacardi Original Mojito

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

· Konkurs

o Drinki

o O Bacardi

Все ссылки работают верно, очевидно, что данный сайт поддерживается в актуальном состоянии. Главное навигационное меню хорошо структурировано. Так же при переходе по ссылке главного меню и попадая на следующую страницу, в зависимости от содержания страницы пользователю предоставляется деморолик в виде волн моря, постепенно превращаясь в облик человека. Допустим после перехода в раздел «Drinki» становится доступно дополнительное меню в виде бокалов, стаканов и рюмок с описанием коктейлей, и способ приготовления данной смеси, расположенное в середине открытой страницы. Данная система меню является контекстно-зависимой и удобной. Данный тип навигации использовать просто. Главное навигационное меню позволяет в любой момент времени открыть требуемый вид коктейля. Всплывающих подсказок нет, что однако не является существенным недостатком, т. к. все надписи развернуты и понятны.

1.7.3 Содержание сайта Bacardi Original Mojito

Содержание данного сайта полностью отражает его назначение. Контент данного сайта полностью удовлетворит как простого посетителя сайта, так и любителей данного брэнда (для этих категорий посетителей существуют отдельные разделы).

На данном сайте представлен полный перечень коктейлей, и правила приготовления, так же расписания вечеринок. Посетитель данного сайта может быть уверен, что найдет необходимую для него информацию (по тематике сайта). Так же на сайте доступны, как и новости, так и архив.

Синтаксических и грамматических ошибок на данном сайте выявлено не было. Информация четко структурирована и не утомляет избытком текста. Данный сайт не масштабируется при работе в разных разрешениях, что является недостатком данного сайта, оптимальным разрешением для его просмотра является 1024×768 пикселей или выше.

Все компоненты сайта функционируют корректно. На сайте присутствуют звуки и видео, что является плюсом. Таким образом, очевидно, что данный сайт является простым в освоении, понятным, имеет тщательно подобранное содержание и является крайне полезным для целевой аудитории данного сайта.

1.8 Сайт v5 Design

Сайт американской веб студии расположен по адресу http://www.v5design.com. Компания v5 Design помогает организациям, работающим в области информационных технологий, увеличивать доходы за счет лучшего управления технологиями. Передовые технические решения v5 Design в области управления бизнес-услугами утверждают приоритет эффективности бизнеса во всем, что происходит в ИТ-среде, а это в свою очередь позволяет ИТ активно реализовывать требования бизнеса в части снижения издержек, увеличения прибыли и минимизации рисков.

В программных решениях v5 Design интегрированы технологии позволяющие использовать ИТ в разнородных системах различной степени сложности — от майнфреймов до распределенных систем, от баз данных до приложений, от сервиса до системы безопасности.

1.8.1 Дизайн сайта v5 Design

Главная страница сайта v5 Design при загрузке сайта, мы видим природу в виде горы, а перед ним озеро, которая представлена в виде фона. Вверху сайта представляющий из себя графическую, а на нем имеются меню. Главная страница загружается достаточно быстро. Весь сайт сделан во Flash, что является плюсом для информационного сайта. Цвета, шрифты и графика выдержаны в едином стиле. Цветовая схема зелено-сине-белая. Все страницы сайта выполнены в едином стиле, за некоторым исключением. Блоки меню на главной странице не отличаются от оформления меню других страниц, на которые осуществляется переход. На всех страницах присутствует единый для всех страниц блок навигационного меню, расположенный сверху. Безусловно, такой подход к организации сайта самый лучший. Данный сайт удовлетворит целевую аудиторию, сразу ясно, что это информационный ресурс дизайнерской компании, на любой странице имеется заголовок с названием компании. Для того, чтобы найти нужную информацию требуется не более 3х переходов по ссылкам. Однако некоторые ссылки третьего уровня глубины (ссылки на «портфолио» и «фотогаллерию») ведут на страницы оформленные иным образом, рисунок — 10.

Таким образом выявлено, что главная страница не перегружена излишней информацией, сайт удовлетворяет запросы целевой аудитории. Графическое оформление не препятствует восприятию информации. Качество графики отличное. Цвета приятны для глаза.

Текст читается легко, с фоном не сливается. Сайт поддерживает масштабирование и может работать в любом разрешении, начина с 600×800 пикселей и выше.

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

1.8.2 Структура и навигация сайта v5 Design

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

1.8.3 Содержание сайта v5 Design

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

1.9 Сайт Nokia Trends Lab

Сайт расположен по адресу http://www.nokiatrendslab.pl/. Nokia Trends Lab — это виртуальная библиотека объединяющий актуальную музыку, мультимедийное искусство и современные технологии. Nokia Trends Lab — это больше, чем яркое музыкальное событие, это настоящая экспериментальная Офис, создающая уникальную интерактивную платформу для сотворчества музыкантов, видео и фото художников, дизайнеров и просто интересных людей, ищущих способы самовыражения.

1.9.1 Дизайн сайта Nokia Trends Lab

Главная страница данного сайта загружается быстро. Цвета выдержаны в темной гамме. Основной текст представлен в белом цвете на черном фоне. Все страницы выдержаны в едином стиле.

Для доступа к любым данным достаточно не более 4х переходов по гиперссылкам с главной страницы. В целом дизайн и цвета сайта сбалансированы.

Данный сайт удовлетворит своим наполнением целевую аудиторию, т. к. в первую очередь является развлекательным ресурсом. Графика качественная, с использованием видео эфектом.

Макет страниц сбалансирован, и страницы не перегружены информацией. Графическое оформление ненавязчиво и не мешает воспринимать информацию. Цвета оформления приятны для глаз.

Данный сайт масштабируется и может просматриваться в любом разрешении, начиная с 600×800 пикселей и выше.

На каждой странице (в нижнем правом углу страницы) доступна информация об авторских правах и имеется ссылка на форму обратной связи.

Предназначением данного сайта является информирование целевой аудитории творческой культуры.

1.9.2 Структура и навигация сайта Nokia Trends Lab

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

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

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

1.9.3 Содержание сайта Nokia Trends Lab

Содержание сайта полностью удовлетворяет его назначению. Пользователь из целевой аудитории будет удовлетворен контентом. Синтаксических и грамматических ошибок выявлено не было. Чтение материалов на главной странице и на первом уровне глубины ссылок не представляется затруднительным. На других страницах, где оформление другое, отличное от главной чтение информации не затруднительно. Просматривать сайт можно в любом разрешении, начиная с 600×800 пикселей, сайт поддерживает масштабирование. На сайте применяются Java-апплеты. Внедренные музыка и видеоконтент присутствуют. В целом сайт нельзя назвать простым и понятным, т. к. дизайн неоднороден и интенсивно используются видео — апплеты. Данный сайт проработан не самым тщательным образом. Но, тем не менее, сайт является развлекательным для целевой аудитории.

1.10 Характеристики и элементы сайта Oral. kz

Сайт расположен по адресу http://oral-kaz.narod2.ru/. Oral city — это развлекательный flash сайт. Основные направления деятельности данного сайта связаны с творческой деятельностью.

Oral city на сайте можно рассмотреть новости города Уральска, так же присутствует раздел Развлечения, по направлению игровой промышленностью бесплатных flash игр в соответствии с государственным стандартом.

Развлекательная программа предусматривает изучение следующих циклов:

· Игровые структуры для развития рекламных промышленностей

· Аудио структура для развития творческой культуры

· Обще профессиональные видео направления Основным направлением деятельности сайта является рассмотрения тестево режима сфер по направлению развлекательного flash сайта, что предоставляет правоведения образовательной деятельности по информатике в технологии Flash.

1.10.1 Дизайн сайта Oral. kz

Первая страница сайта Oral. kz представлена в разбитом на блоки виде: внизу слева — заголовок сайта (представляет собой графическое изображение с текстом названия сайта). Так же, имеется блок главного меню, расположены на вверху всех страниц сайта. На главной странице сайта расположен блок новостей города Уральска. Главная страница загружается быстро. Полностью сайт сделан во Flash, что является плюсом для развлекательного сайта. Цвета, шрифты и графика выдержаны в едином стиле. Цветовая схема салатно-зеленого с темным переливом текста. Все страницы сайта выполнены в едином стиле. Блок главного меню на главной странице не отличается от оформления других страниц, на которые осуществляется переход. Данный сайт удовлетворит целевую аудиторию, сразу ясно, что это развлекательный ресурс, на любой странице имеется заголовок с названием сайта. Для того, чтобы найти нужную информацию требуется не более 3х переходов по ссылкам. Главная страница не перегружена излишней информацией. Сайт удовлетворяет запросы целевой аудитории. Графическое оформление не препятствует восприятию информации. Качество графики хорошее. Цвета приятны для глаза. Текст читается легко, с фоном не сливается. Сайт поддерживает масштабирование и может работать в любом разрешении, начина с 800×600 пикселей и выше. Ссылка обратной связи в навигации есть.

1.10.2 Структура и навигация сайта Oral. kz

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

1.10.3 Содержание сайта Oral. kz

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

1.11 Сравнительный анализ используемых технологий flash

На основе исследования flash сайтов, консолидирующую основные характеристики данных сайтов, приведено сравнение основных характеристик рассмотренных сайтов. В результате анализа данных, выделим те свойства, которых нет на flash сайте Oral. kz по сравнению с других flash сайтов.

В процессе создания Flash-проекта, особенно, когда уже есть сравнительный опыт, разработки в других средствах рисования графики или редакторах Web дизайна, то можно отметить ряд преимуществ перед ними, которыми по некоторой мере Flash получил свою популярность:

1. Использование обозначений для элементов, которые появляются больше одного раза.

2. Объединение кадров в действиях перемещения (motion tweens), которые позволяет автоматически просчитать некоторые промежуточные моменты перемещения, для ускорения разработки проектов.

3. Объединение кадров в действиях трансформации (shape tweens), которые позволяет автоматически просчитать некоторые промежуточные моменты трансформации объектов, для ускорения разработки проектов.

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

5. Использование слоёв, для разбиения перекрывающихся объектов клипа.

6. Сокращение числа различных шрифтов и стилей, путём преобразования их в объекты векторной графики.

7. Применение звукового формата mp3, как самого высококачественного и экономного музыкального формата.

8. Использование возможности анимации растровых изображений, или для статических элементов закраски объектов и фона.

9. Применение сценариев (Actions Script) вплоть до вставка их в отдельные кадры фильма.

10. Возможность сгруппировывать объекты на различных слоях.

11. Использование встроенных инструментов для изменения цветовых эффектов одного и того же объекта.

12. Использование единой палитры web-safe, во избежание расхождений с цветами браузеров.

13. Применение компонента управления проектом Library, который позволяет быстро найти любой объект и поменять его свойства.

14. Возможность вставки в текущий проект раннее созданный другой проект.

2. Применение технологии Macromedia Flash

2.1 Исследование структуры Flash сайта Oral. kz

Задачей данного параграфа является исследование структуры Flash сайта Oral.kz. Данное исследование проводится путем изучения программы Macromedia Flash, и причины применения возможности к Flash сайту Oral.kz.

В настоящее время Flash сайт Oral. kz сверстан на основе технологии Macromedia Flash версии MX с использованием Action Script. Данная технология подразумевает, что любая информационная страница данного сайта должна быть предварительно оформлена, и утверждена.

Анализ сайта производится на основе исследования содержания меню (разделов) Flash сайта. Результаты анализа информационной структуры представлены в таблице 1.

Таблица 1

Структура Flash сайта Oral. kz

2.2 Исследование потребностей различных групп потенциальных посетителей Flash сайта Oral. kz

В результате анализа развлекательного Flash сайта Oral. kz определим группы потенциальных посетителей сайта. Определим соответствие «пункт меню (раздел) сайта» — «группа пользователей». Выполним данное сопоставление в табличной форме таблицы 2.