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
| Главное навигационное меню (разделы сайта) | |||||
| 1 уровень | 2 уровень | 3 уровень | |||
| № | Наименование | № | Наименование | № | Наименование |
| ГЛАВНАЯ СТРАНИЦА | Новости 1 | ||||
| Новости 2 | |||||
| Новости 3 | |||||
| РАЗВЛЕЧЕНИЕ | Бродилка | ||||
| Гонки 1 | |||||
| Гонки 2 | |||||
| ФОТОГАЛЕРЕЯ | |||||
| ВИДЕО | |||||
| АУДИО | |||||
| КОНТАКТЫ | Общие сведения |
2.2 Исследование потребностей различных групп потенциальных посетителей Flash сайта Oral.kz
В результате анализа развлекательного Flash сайта Oral.kz определим группы потенциальных посетителей сайта. Определим соответствие «пункт меню (раздел) сайта» – «группа пользователей». Выполним данное сопоставление в табличной форме таблицы 2.
Таблица 2
Информационная потребность групп потенциальных посетителей Flash сайта Oral.kz
| Главное навигационное меню (разделы сайта) | Группа посетителей | |||||
| 1 уровень | 2 уровень | 3 уровень | ||||
| № | Наименование | № | Наименование | № | Наименование | Наименование |
| ГЛАВНАЯ СТРАНИЦА | Новости 1 | Все | ||||
| Новости 2 | Все | |||||
| Новости 3 | Все | |||||
| РАЗВЛЕЧЕНИЕ | Бродилка | Учащихся | ||||
| Гонки 1 | Учащихся | |||||
| Гонки 2 | Рабочие | |||||
| ФОТОГАЛЕРЕЯ | Все | |||||
| ВИДЕО | Учащихся | |||||
| АУДИО | Учащихся | |||||
| КОНТАКТЫ | Все |
Таким образом, потенциальной аудиторией развлекательного flash сайта Oral.kz являются следующие группы посетителей:
· Все – группа, включающая в себя всех посетителей сайта
· Учащихся – посетители, обучающиеся в школе, готовящиеся к поступлению в институт или посетители, являющиеся студентами
В целом, структура Flash сайта Oral.kz достаточно грамотно организована, но главное меню состоит их 6 пунктов и имеет пункты, назначение которых не все посетители могут однозначно интерпретировать.
Очевидно, что следует при формировании новой информационной структуры сайта, следует формировать структуру таким образом, чтобы потенциальные группы посетителей могли однозначно интерпретировать назначение каждого пункта главного меню.
Решить данную задачу можно, сгруппировав разделы сайта по группам посетителей.
В связи с тем, что структура и информационное наполнение Flash сайта Oral.kz уже сформировано, нашей задачей является модернизация и применить возможностей Macromedia Flash в сайте Oral.kz, макета сайта и дизайна сайта с учетом использования в основе нового Flash сайта c Macromedia Flash.
Выделим задачи, требующие решаемые в процессе модернизации сайта:
1. Разносторонний стиль для всех страниц.
2. Наличие информации об авторских правах и обратной связи на каждой странице.
3. Единая навигация для всех страниц.
4. Использование в основе сайта возможности Macromedia Flash.
5. Разбивка содержимого нового сайта на разделы, категории и статьи по терминологии программы Macromedia Flash.
6. Распараллеливание возможности обновления содержимого сайта сразу между несколькими людьми или группами пользователей.
2.3 Разработка макета Flash сайта Oral.kz
При разработке макета сайта будем придерживаться следующих критериев:
· Для доступа к нужной информации пользователь должен делать не более 3х переходов по ссылкам.
· Макет страницы должен быть сбалансирован и не перегружен информацией
· Графика не должна мешать пользователю воспринимать информацию
· Сайт должен быть удобен для тех людей, у которых разрешение экрана 600х800 пикселей и выше и поддерживать масштабирование
· На каждой странице должна быть доступна информация об авторских правах и обратная связь
· Содержание сайта должно быть организовано логически
· Навигация должна быть расположена в одном и том же месте на всех страницах
· В навигации следует предусмотреть ссылку обратной связи
· Навигация должна позволять вернуться на предыдущие подуровни
2.3.1 Разработка информационной структуры Flash сайта Oral.kz
Для начала уточним термины и основные принципы, которые лежат в основе системы Macromedia Flash.
Система Управления Содержимым Macromedia Flash векторный редактор не похож ни на один из существующих. Странички Flash принято называть фильмами то есть Movie, хотя мне больше нравится слово "мультик". Наверное, это оттого, что во Flash имеется шкала времени и, хоть вы и обладаете безграничными возможностями по использованию этой шкалы, ваше творение все равно будет упорядоченно выполнятся во времени. На самом деле, вы можете останавливать, вновь запускать мультик, прыгать с одного кадра на другой, загружать другие мультики и много еще чего.
Создание страницы технически несложно, но требует небольшого количества знаний языка Action Script. А так же можно воспользоваться доступными, свободно распространяемыми шаблонами или услугами профессиональных дизайнеров, для проектирования шаблона согласно требованиям.
Основой структуры организации содержимого являются Разделы и Категории:
· Разделы могут включать одну и более Категорий.
· Категории могут включать один и более Объектов содержимого.
· Объекты содержимого являются статьями, которые составляют фактическое содержимое веб-сайта.
При добавлении новой Статьи к содержимому сайта, следует выбрать Раздел и затем выбрать Категорию. После добавления всегда возможно «перенести» Статью в другую Категорию и (или) Раздел, но это потребует некоторого времени, поэтому следует сразу тщательно продумать Структуру содержимого на сайте, чтобы потом было легко ориентироваться при добавлении (создании) новой Статьи.
После того, как при создании Статьи мы определили раздел, выбрали категорию и добавили ее в шкале времени, а в ActionScript мы можем не добовлять, так как мы пока не будем публиковать данную страницу. Это удобно, потому что это означает, что мы можем хранить Статьи, которые никто не может видеть, пока мы не посчитаем, что они готовы к общему выпуску (публикации на сайте).
Когда созданы и опубликованы Разделы, Категории и Статьи в панели управления (внутри системы), необходимо создать Меню на сайте (с внешней стороны), чтобы пользователи (гости, посещающие веб-сайт) могли найти удобный и четкий (точный) путь к актуальным и интересным материалам, представленным на сайте.
Самая простая схема меню для сайта может отражать структуру содержимого:
· Раздел
o Категории
§ Статьи
Посетители веб-сайта будут видеть содержимое (статьи) и открывать их с помощью созданного меню.
Таким образом, они просматривают то, что им нужно.
В общем случае, администратор создает и правильно конфигурирует содержимое сайта в иерархии Разделов, Категории, Статей. Когда администратор считает, что структура содержимого правильно настроена и создана, мы создаем пункты меню и связываем их со структурой содержимого, то есть с самим содержанием сайта.
Пункт меню может указывать на Раздел, Категорию или непосредственно на Статью. Когда пункт меню связан с Разделом или Категорией, то пользователю будет выводиться список Категорий или Статей, которые включены в Раздел или в Категорию.
Взяв за основу данные информационной структуры Flash сайта Oral.kz из таблиц 1 и 2 построим новую информационную структуру Flash сайта Oral.kz (таб. 3) на основе Macromedia Flash.
В данной информационной структуре сайта будут учтены критерии разработки сайта, а так же, особенности структуры сайта, использованием возможностью Macromedia Flash.
Блок главного меню на главной странице не отличается от оформления других страниц, на которые осуществляется переход.
Данный сайт удовлетворит целевую аудиторию, сразу ясно, что это развлекательный ресурс, на любой странице имеется заголовок с названием сайта. Для того, чтобы найти нужную информацию требуется не более 3х переходов по ссылкам. Главная страница не перегружена излишней информацией.
Сайт удовлетворяет запросы целевой аудитории. Графическое оформление не препятствует восприятию информации. Качество графики хорошее.
Таблица 3
Новая информационная структура Flash сайта Oral.kz
| Разделы | Категории | ||
| № | Название | № | Название |
| Общие сведения о сайте | Общие сведения | ||
| Издательская деятельность | |||
| Структурные подразделения | Издательство | ||
| Библиотека | |||
| Развлечения | Игровые ресурсы | ||
| Демо - Ролик | |||
| Игровые ресурсы | |||
| Фотогалерея | Дневной Уральск | ||
| Вечерний Уральск | |||
| Достопримечательность Уральска | |||
| Выпускные работы | |||
| Панорама Уральска | |||
| Видеотека | Музыкальные клипы | ||
| Трейлеры фильмов | |||
| Аудиотека | Альбомы и исполнители | ||
| Информация об исполнителей | |||
| Forex | Общая информация | ||
| Обучение | |||
| Конкурсы | |||
| Рейтинг по данной тематике | |||
| Карта города | Карта города Уральска | ||
| Новости | Главные новости | ||
| Новости города | |||
| Контакты | Обратная связь |
2.3.2 Дифференциация доступа пользователей к информации, разработка структуры меню сайта
Даже когда созданы и опубликованы Разделы, Категории и Статьи в панели управления, необходимо создать Меню на сайте, чтобы пользователи могли найти удобный и четкий путь к актуальным и интересным материалам, представленным на сайте.
Дифференциацию доступа групп пользователей предлагается производить путем специальной организации структуры меню. В результате исследования нами было выявлено, что потенциальными группами пользователей сайта являются следующие группы:
· Все – группа, включающая в себя всех посетителей сайта
· Учащихся – посетители, обучающиеся в школе, готовящиеся к поступлению в институт или посетители, являющиеся студентами
На основе исследований, проведенных в таблицах 2.1 и 2.2, сформируем пункты главного навигационного меню на основе потенциальных групп пользователей:
1. Главная
2. Развлечения
3. Фотогалерея
4. Видео
5. Аудио
6. Контакты
Самая простая схема меню для сайта (для посетителей) может отражать структуру содержимого:
· Раздел
o Категории
§ Статьи
Посетители веб-сайта будут видеть содержимое и открывать их с помощью созданного меню.
В общем, администратор создает и правильно конфигурирует содержимое сайта в иерархии Разделов, Категории, Статей.
После того, как структура содержимого правильно настроена и создана, мы создаем пункты меню и связываем их со структурой содержимого, то есть с самим содержанием сайта. Пункт меню может указывать на Раздел, Категорию или непосредственно на Статью. Когда пункт меню связан с Разделом или Категорией, то пользователю будет выводиться список Категорий или Статей, которые включены в Раздел или в Категорию.
На основе исследования и изучения контента flash сайта Oral.kz, используя данные из таблицы 2.3, разработаем структуру меню нового сайта Oral.kz, с возможностями Macromedia Flash.
2.3.3 Разработка дизайна сайта на основе Macromedia Flash
На основе критериев, приведенных ранее, разработаем дизайн сайта. Данный дизайн будет основан виде природы, применяемой к сайту на основе Macromedia Flash.
При разработке дизайна будем придерживаться следующих требований:
· Так как сайт несет в первую очередь информационную нагрузку то графическое оформление должно быть привлекательным, использование Flash а так же внедренных в страницы сайта музыкальных и видео.
· Цвета, шрифты и графика должны быть выдержаны в едином стиле, во всех станиц должен свой образ дизайна красоты.
· Цвета дизайна страниц должны быть сбалансированы, разнообразный дизайн для всех страниц сайта.
· Графика должна быть качественной и сочетаться с остальными составляющими страницы
· Графика не должна мешать пользователю воспринимать информацию
· Текст должен легко читаться и не сливаться с фоном
· Сайт должен быть удобен для тех людей, у которых разрешение экрана 600х800 пикселей и выше и поддерживать масштабирование
Исходя из требований к дизайну сайта, указанных выше построен дизайн с использованием Action Script.
2.3.4 Формирование разделов на сайте Oral.kz
Раздел – это главный объект в иерархии структуры содержимого. В созданный Раздел добавляют Категории. Сформируем перечень разделов, которые нам надо сформировать в Macromedia Flash. Наименования разделов извлечем из ранее разработанной таб. 2.3 из столбца «Разделы».
В результате получим список разделов, которые следует сформировать:
· Общие сведения о сайте
· Структурные подразделения
· Развлечения
· Фотогалерея
· Видеотека
· Аудиотека
· Forex
· Карта города
· Новости
· Контакты
Далее сформируем перечисленные выше разделы в системе. Для формирования сначала следует перейти в программу Macromedia Flash. Для работы с разделами необходимо перейти на главную страницу в программе Macromedia Flash. Можно нажать на главной странице панели управления временной шкалой, и выбрать нужный слой в левой панели программы Macromedia Flash. В основном меню будет находиться в нижнем краю сайта, а так же будет находиться информация об авторе.
На панели «Управление слоями», используя кнопки на панели инструментов, можно (перечисление справа налево):
· Открыть в страницу с инструкциями по работе с разделами.
· Создать новый раздел.
· Изменить существующий раздел.
· Удалить существующий раздел.
· Копировать существующий раздел.
· Скрыть (сделать неопубликованным) существующий раздел.
Для создания нового раздела следует нажать кнопку «Новый» или на иконку виде знака «Плюс». Будет открыта страница редактирования «Раздел: Новый».
Когда открыта страница редактирования раздела, на листе главной странице программы Macromedia Flash, мы зарисуем дизайн меню, где сразу же укажем разделы нашего сайта, и к каждому разделу укажем свой скрипт ссылкой на страницу раздела. А также можем указать, что документ недоступен для редактирования объекта без программы Macromedia Flash, который открыт для редактирования (раздел, категория, статья и др.) другим пользователям с правами на редактирование данных объектов. Это называется блокировка (checked out). При попытке редактировать уже открытый другим пользователем объект можно будет увидеть значок блокировки справа от имени объекта. Бывает так, что объект остается заблокированным, даже если в данный момент не редактируется. Для разблокировки таких объектов необходимо воспользоваться функцией разблокировки, в главном меню «Система», пункт меню «Снятие всех блокировок».
На странице редактирования «Раздела» кнопок, на панели инструментов можно изменить, щелкнув два раза мышью:
· Открыть в страницу с инструкциями по работе с данным окном (редактирование «Раздела») действует кнопка F1.
· Закрыть страницу редактирования «Раздела» без сохранения изменений. Нажмите кнопку «Отмена».
· Применить (сохранить) изменения, но остаться на странице редактирования «Раздела», можно нажав в главном меню программы Macromedia Flash на раздел «Файл» затем «Сохранить».
· Загрузить изображение (сохраняется в папку images).
· В поле «Заголовок» ввести короткое имя раздела, которое будет использоваться в меню или в выпадающих списках панели управления.
· В поле «Название раздела» ввести длинное имя раздела, которое будет использоваться при отображении содержимого раздела на сайте, показывая заголовок раздела.
· В поле «Изображение» выбрать изображение, которое будет использоваться при отображении раздела в меню.
· В поле «Порядок отображения» после применения (сохранения) изменений можно изменить порядок отображения раздела в списке на панели «Управление временной шкалы».
· В текстовом поле «Описание» можно поместить краткое описание (аннотацию) содержимого раздела. Раздел включает одну или несколько категорий, и, когда пользователь видит это описание, то оно также будет сопровождаться списком включенных в данный раздел категорий.
· Кнопки на панели инструментов программы Macromedia Flash помогают задавать стиль и формат вводимого текста.
После окончания создания или редактирования раздела, следует нажать кнопку «Сохранить» для сохранения результатов работы и выхода. Можно нажать раздел «Файл» и «Опубликовать» для сохранения результатов, не закрывая программу Macromedia Flash для редактирования.
2.4 Создание сайта Oral.kz на программе Macromedia Flash
Объект содержимого – это основное содержание сайта и нижний объект в иерархии структуры содержимого. Другими словами объект содержимого – это статья, которая должна содержаться в одной из категорий (соответственно и раздела).
Используя содержимую информацию на Flash сайте Oral.kz, для работы с объектами необходимо перейти на панель «Управление временной шкалой». Нажать на главной странице панели «Управление временной шкалой» выбрать нужный кадр, где находиться страница. Будет открыта для доступа фильтрация объектов по следующим критериям: объект хранивший информацию в себе или объект с Action Script.
При создании нового объекта содержимого следует в меню Insert и выберите Convert to symbol (или нажмите F8). В появившемся диалоге выберите селектор Graphic и нажмите ОК.
Теперь выберите на шкале времени вверху 25-й кадр (просто щелкните по нему мышкой), и выберите меню Insert -> Keyframe (или нажмите F6). Этим вы создадите так называемый "ключевой кадр" на 25-м кадре вашей шкалы времени.
Используя эти панели, мы создаем на каждой странице свой оснавной тип зарисовки, где будет храниться наша информация данного сайта.
2.4.1 Создание меню сайта Oral.kz
Меню – это набор кнопок, в которые приводят на конкретные объекты, например, объект содержимого, список категорий, компонент и т.д.
После создания структуры меню нового flash сайта Oral.kz (таб. 2.3), сформируем новое меню в Macromedia Flash.
Рассмотрим создание меню, на данном этапе нам нужно создать кнопку, которая послужит дальнейшим меню сайта. Данная кнопка будет, является частью меню по умолчанию, главным для создания меню навигации. Место вывода меню на сайте в нижнем краю сайта. Устанавливая дополнительные расширения, можно расширить возможности отображения стандартного меню или отобразить его в другом виде, например в виде выпадающего каскадного меню с подменю (часто необходимо, чтобы со стороны пользователя была включена поддержка Action Script).
Самый простой вариант (но ограниченный в возможностях) связать объект содержимого с пунктом меню, это использовать на странице редактирования объекта содержимого в окне дополнительных параметров вкладку «Слои» и назвать ее по разделам. Во вкладке данного окна необходимо:
· выбрать меню, в которое будет добавлен пункт (ссылка);
· выбрать название пункта меню.
На странице редактирования раздела или категории в дополнительном окне слева (для создаваемого раздела или категории данное окно доступно). В данном окне необходимо:
· выбрать объект, в которое будет добавлен Action Script;
· выбрать тип объекта, в котором будет отображаться параметры и названия индексов объекта;
· выбрать название пункта меню, и в разделе Action, добавить скрипт ссылок на определенную страницу.
Когда выбран тип пункта меню, необходимо перейти на страницу во временной шкале на нужный кадр, и указать имя кадра, где в дальнейшем, будет ссылаться наша кнопка меню. «Добавление – новый пункт меню: XXX»: Шаг 2 (XXX – название типа нового пункта меню). На временной шкале указываем кадр этой странице, и необходимо выбрать и заполнить основные параметры и поля нового пункта меню. Параметры и поля отличаются в зависимости от выбранного типа нового пункта меню.
Пример добавления нового пункта меню типа: «Ссылка – объект содержимого». Для добавления необходимо:
· Ввести имя нового пункта меню.
· Выбрать объект нового меню, в разделе Action добавить скрипт ссылки.
· Выбрать, на временной шкале новый кадр, и в окне параметров указать имя ссылки меню.
2.15 Создание flash сайта Oral.kz в Macromedia Flash
Используя данные о сайте, дополнительно определенных страниц создадим в Macromedia Flash. На панели инструментов укажем на инструмент квадрат, где послужит нам ввиде информации страницы.
Введем в поле параметров данного кадра название новой странице, и выберем объект, который будет отображаться по данной тематике, затем перейдем в раздел Action, заполним функцией остановка кадра, для прирывания воспроизведения следующей страницы. Здесь на вкладке выберем раздел, в который входит нужная нам категория.
Далее переходим в настройки категории, к которой мы укажем нужную информацию. Для этого кликам курсором мыши на название категории. Откроется перечень операций для данного раздела, которые можно редактировать объект, или добавить новый объект для отображения.
Для группы пользователей типа профессионал разрешим следующие операции:
· Новый объект
· Редактировать объект
· Сохранить объект
· Опубликовать объект
Для не опытного пользователя изменения сайта, может повлечь на нерабочею функцию сайта, где в дальнейшем может выявляться ошибки.
2.16 Добавление объектов из библиотеки
а) Открыть библиотеку символов Ctrl + L.
б) Перетащить объект Start на сцену, в первый кадр слоя osnovnoi.
2.17 Добавление динамических текстовых полей
а) В первом кадре, на слое osnovnoi добавить 4 текстовых поля, используя панель инструментов ToolBox, инструмент Text.
б) Одному из них в панели Properties выбрать DynamicText и в поле «Var» присвоить ему имя «fio».
в) Таким же образом изменить второе поле, присвоив ему имя «gr».
г) Остальные два текстовых поля оставить статичными.
2.18 Добавление новых кадров
а) Выделить второй кадр на временной шкале в слое osnovnoi.
б) Выполнить команду Insert – Timeline – KeyFrame (F6).
2.19 Добавление стандартных компонентов в проект
а) Открыть панель Components, найти компонент RadioButton.
б) Перетащить объект из библиотеки в трех экземплярах.
в) В окне Properties задать имена an1, an2 и an3 (приложение А, рисунок А.2).
г) Разместить три экземпляра как необходимо для теста (это варианты ответа на каждый вопрос теста).
д) Добавить в слой еще 40 кадров.
2.20 Оформление теста
а) В первом кадре слоя Background создать фон теста, используя панель инструментов ToolBox.
б) Выделить кадр 42, вставить кадр (Insert – Timeline – frame (F5)).
в) В первом кадре слоя optional добавить 4 экземпляр RadioButton за пределы видимой области, присвоить ему имя an4.
г) Выделить кадр 42, вставить кадр (Insert – Timeline – frame (F5)).
д) Во втором кадре слоя highlight нарисовать подсветку для вопросов и вариантов ответа.
е) Выделить кадр 41, вставить кадр (Insert – Timeline – frame (F5)).
ж) В 42 кадре слоя osnovnoi добавить 4 динамических текстовых поля с именами fio2, gr2, bal, ocenka (для вывода результатов теста с указанием фамилии, группы, количества баллов и оценки).