Создание электронного каталога музыки, посвященного деятельности музыкальной группы 'Аквариум'
Содержание
Введение
1. Постановка задачи
. Проектирование интерфейса
. Разработка программного компонента
.1 Общие сведения и функциональное назначение
3.2 Структура проекта
.3 Организация загрузки мультимедийного содержимого
. Программная документация
4.1 Руководство пользователя
4.1.1 Назначение программы
4.1.2 Условия выполнения программы
4.1.3 Выполнение программы
4.2 Руководство программиста
.2.1 Назначение и условия применения проекта
.2.2 Обращение к программе
4.2.3 Входные и выходные данные
5. Листинг значимых частей программы
Заключение
Библиографический список
Введение
Мультимедиа - сравнительно молодая отрасль
новых информационных технологий. Дословный перевод слова
"мультимедиа" означает "многие среды" ("мульти" -
"много", "media" - "среда"). Под этим термином
понимается одновременное воздействие на пользователя по нескольким
информационным каналам. При этом пользователю, как правило, отводится активная
роль.
Компьютерные системы мультимедиа находят широкое применение в
образовании, искусстве, рекламе, науке, торговле и других областях человеческой
деятельности. Причем в каждой из этих областей применение мультимедиа открывает
новые возможности, которые были недоступны при использовании старых технологий.
Мультимедиа - это интерактивные (диалоговые)
системы, обеспечивающие одновременную работу со звуком, анимированной
компьютерной графикой, видеокадрами, статическими изображениями и текстами.[1]
Цель курсовой работы: создать электронный каталог
музыки, посвященный деятельности музыкальной "Аквариум".
В качестве средства разработки использовалось
программное обеспечение Adobe Flash CS4 Professional.
1. Постановка задачи
В наше время, когда почти у каждого есть либо портативный плеер, либо
мобильный телефон, сложно себе представить, что будет, если музыка вдруг
исчезнет. Все любим слушать музыку и каждый слушает свою собственную и своего
определенного жанра и стиля. Кому-то по душе классическая музыка, кто-то любит
тяжелую, а многие из нас слушают музыку согласно настроению в момент прослушивания.
Так как автор этого курсового проекта сам относится к вышеупомянутым любителям
музыки, причем всех трех сразу, то он выбрал именно эту тему .
Приоритетная задача - создать достойный продукт, который понравился бы и
поклонникам творчества Бориса Борисовича, и любому человеку, обогащающему свои
музыкальные познания.
Adobe Flash CS4 Professional - это мощная среда для создания
анимации и мультимедийного контента.[2]
Приложение Flash Player используют 99%
пользователей Интернета (если не учитывать пользователей мобильной i-продукции компании Apple) .
Программа Flash Player установлена на чуть ли
не на каждом устройстве, подключенном к интернету и позволяет доносить
высококачественное содержимое, созданное с помощью Flash, до широкой аудитории.
2. Проектирование
пользовательского интерфейса
Пользовательский интерфейс - средство взаимодействия
пользователя с потребляемым им контентом. Для удобства были выделены следующие 2 раздела главного меню, в которые
мы попадаем с первого кадра после нажатия кнопки с говорящим предписанием:
· Информация о группе;
· Альбомы;
В проекте используется всего лишь один единственный шрифт
"Calibri". На мой взгляд он простой и не вызывает никаких пафосных
эмоций от, например, какого-нибудь Forte или других.
Рис. 1 - Пример использования шрифта Georgia
В проекте присутствует контекстное меню, вызываемое правым
щелчком мыши по пустому месту рабочей области. В нем присутствуют как
стандартные функции, так и собственные, изображенные на рисунке 2 снизу:
Рис. 2 - Контекстное меню
Внешний вид главной страницы "лаконичен". Она содержит две
динамические кнопки, одна из которых при наведении мыши уменьшается в размерах,
а на другой создается эффект освещения при тех же манипуляциях с элементом
управления.
Рис. 3 - Главное страница
Раздел "Альбомы" представляет собой набор плиток, которые
являются обложками 7 альбомов группы "Аквариум". Все они
располагаются на двух невидимых строках и при наведении мышки их изображение
определенным образом сменяется. Чтобы попасть в любой из альбомов, нужно всего
лишь кликнуть по эскизу. Внизу в центре располагается кнопка возврата в
предыдущее меню под названием "Обратно в Аквариум".
программа adobe flash мультимедийный
Рис. 4 - Изображение страницы выбора альбома
А вот так выглядит кадр любого из 7 альбомов:
Рис. 5 - Пример интерфейса страницы с альбомом
Он мысленно разбивается на плеер и информацию об альбоме. В состав плеера
входят 4 управляющих элемента( пауза, воспроизведение, перемотки в конец и в
начало трека), ползунок громкости, плейлист, выполненный с помощью компонента
"List", и просто обложка,
возвышающаяся над всем этим. Информационное поле состоит из фоновой или
располагающейся справа картинки и текстового поля, написанного с помощью Action Script 3.0.
3. Разработка программного продукта
3.1 Общие
сведения и функциональное назначение
Мультимедийный проект позволяет немного познакомиться не только с
творчеством группы "Аквариум", но и с ее составом. Приложение
представляет собой некий информационно-развлекательный продукт, который по
большому счету рассказывает о группе даже больше чем ее официальный сайт. Он
содержит сведения о всех участниках группы, несколько альбомов, множество
фотографий с концертов и фотосессий преимущественно "БГ". Именно
поэтому у него есть небольшой шанс на том сайте оказаться. Также он может
свободно распространяться в интернете.
Все это выполнено в суровом черном стиле, что вполне естественно для
любой отечественной рок-группы.
3.2 Структура
проекта
Проект состоит из следующих файлов:
· Aquarium.exe (главный файл,
проектор);
· Music (каталог 7 музыкальных
альбомов, в каждом из которых находятся mp3 файлы);
· XML (Папка, содержащая 7 xml-документов, хранящих в
себе ссылки на mp3 файлы каждого из 7 альбомов)
3.3 Организация загрузки мультимедийного содержимого
В приложении "Aquarium" музыка загружается при помощи XML-файлов. Порядок действий при загрузке музыки
следующий:
· создаем объект класса XMLList для хранения всех дочерних
узлов XML- документа;
· задаем переменную XML_URL типа String (строка) и записываем в
нее адрес XML- документа;
· создаем гиперссылку на документ (объект класса URLRequest);
· создаем объект класса URLLoader (загрузчик текстового содержимого);
· создаем гиперссылку на mp3-файл, объект-звук и объект класса SoundChannel (звуковой канал);
· добавляем прослушиватель события окончания загрузки
содержимого в загрузчик;
· создаем объект childs, куда заносим все дочерние узлы
корневого узла документа;
· при нажатии на кнопку "Воспроизведение" загружаем
звук при помощи метода load.
Часть программного кода плеера:
flash.net.URLRequest;
import
flash.media.Sound;flash.media.SoundChannel;fl.controls.Slider;fl.events.SliderEvent;
// XML-документAfrlist:XML = new XML(); childs:XMLList
= new XMLList(); // объект для хранения всех дочерних узлов
документа
var XML_URL:String = "XML/Африка.xml"; // адрес документа
var myXMLURL:URLRequest = new URLRequest(XML_URL); //
гиперссылкаmyLoader:URLLoader = new URLLoader(myXMLURL); // загрузчик
текстового содержимого
// загружаем в него XML-документmusicURL:URLRequest = new
URLRequest(); // гиперссылка для mp3-файлаsnd:Sound = new Sound(); //
объект-звукchannel:SoundChannel = new SoundChannel(); // звуковой
каналsetPosition:int = 0;setLenght:int =
0;.addEventListener("complete", xmlLoaded); // окончание загрузки
содержимого в загрузчик
// окончание загрузки внешнего
XML-документаxmlLoaded(_event:Event):void
{
Afrlist
= XML(myLoader.data); // записываем загруженный документ в объект XML
childs
= Afrlist.child("item");
// в childs заносим все дочерние узлы корневого
узла XML-документа
var item:XML; // временный узел документа
// цикл перебора всех дочерних узлов
for each(item in childs)
{
// Africamusiclist - экземпляр компонента List
// item.attributes() - все атрибуты тега - текущего
рассматриваемого узла. объект класса XMLList
// item.attributes()[0] - значение первого атрибута
(ссылка на файл)
// item.attributes()[1] - значение второго атрибута
(название композиции)
Africamusiclist.addItem({label:item.attributes()[1],
data:item.attributes()[0]});
}
Africamusiclist.selectedIndex = 0;
// по умолчанию выбран первый элемент списка
}.addEventListener(MouseEvent.CLICK, playClick);
// обработчик события нажатия кнопки
playplayClick(_event:MouseEvent)
{
channel.soundTransform=myVol;
if (channel) // если звуковой канал задан (звук
уже воспроизводился хотя бы раз)
{
channel.stop(); // останавливаем воспроизведение
звука в канале
}
snd = new Sound(); // обновляем объект чтобы можно было загрузить
новый mp3-файл
musicURL.url = Africamusiclist.selectedItem.data; // ссылку на mp3-файл берем из свойства data выбранной строки в списке файлов
snd.load(musicURL); // загружаем mp3-файл
if (musicURL.url != Africamusiclist.selectedItem.data)
{channel=snd.play(0);}{= snd.play(setPosition);//
воспроизведение
}
}
Текстовое поле в окне любого из выбранных альбомов вписано с помощью Action Script 3.0:
4. Программная
документация
4.1 Руководство
пользователя
.1.1 Назначение программы
Приложение служит для знакомства с рок-группой "Аквариум".
Продукт является информационно-развлекательным, так как содержит в себе
информационную часть, касающуюся биографии каждого из участников группы, и
разделы с музыкой. Проект может быть как самостоятельным продуктом, так и идти
как флэш-компонент к какому-нибудь информационному музыкальному сайту.
.1.2 Условия выполнения программы
Для полноценного использования данного приложения необходимо наличие:
· 16-разрядной видеокарты;
· монитора с разрешением не ниже 1280:1024;
· компьютерной мыши.
· любая звуковая карта
.1.3 Выполнение программы
Приложение запускается двойным щелчком по файлу Aquarium.exe. После запуска программы пользователь видит
приветственную страницу проекта, после которой переходит на главную.
Для перехода к нужному разделу, пользователь должен использовать мышь.
В каждом из разделов у пользователя есть возможность вернуться на главную
страницу приложения, нажав на кнопку "Обратно в Аквариум".
Рис. 6 - Кнопка возврата на главную кадр приложения
В разделе "Информация о группе" пользователь имеет возможность
прочитай краткую информацию об истории создания группы и еще кое-какие
сведения, а также перейти к странице с выбором участника состава, щелкнув по
названию группы.
Рис. 7 - Раздел "Информация о группе"
Рис. 8 - Раздел "Состав группы"
Для возврата к списку и возможности выбора другого участника группы,
пользователь должен нажать на кнопку "Аквариум".
В разделе "Альбомы" пользователь имеет возможность выбрать один
из 7 студийных альбомов группы.
Рис. 9 - Раздел "Альбомы"
После выбора альбома, пользователь может выбрать для прослушиванию любую
композицию. В центре страницы показывается информация об альбоме и в некоторых
случаях интересные факты его создания.
Рис. 10 - Раздел "Альбом "Радио Африка""
Композиция выбирается вручную из списка, находящегося слева и начинает
воспроизводиться только после того, как пользователь нажмет на кнопку "Play". Также присутствует ползунок
громкости, назначение которого не нуждается в описание, ровно как и кнопка
паузы, и кнопка паузы. В любом альбоме есть возможность вернуться на кадр назад
к списку всех 7 альбомов при помощи кнопки "К списку альбомов".
Приложение имеет свое контекстное меню.
Нажав на правую кнопку мыши, пользователь может перейти на официальный
сайт группы, отправить письмо Борису Борисовичу Гребенщикову, а также просто
выйти из приложения.
4.2 Руководство программиста
.2.1 Назначение и условия применения проекта
Данный проект является информационно-развлекательным продуктом,
предназначенный для просмотра и ознакомления с творчеством и деятельностью
музыкальной группы "Disturbed".
Системные требования:
· процессор 1 ГГц и выше;
· Microsoft
Windows 2000/XP/Vista;
· 1 Гб оперативной памяти;
· поддержка разрешения 1000х600 пикселей;
· 16-разрядная видеокарта.
4.2.2 Обращение к программе
Все действия с проектом происходят посредством мыши.
Проект запускается двойным щелчком мыши по значку Aquarium.exe, либо с помощью командной строки.
4.2.3 Входные и выходные данные
Входными данными проекта являются:
-документ формата .xml (Архангельск, Африка, Декабрь, ДесятьСтрел, Лощадь,
Пушкинская, Хрестоматия);
· музыка в формате .mp3.
Выходные данные - мультимедийный проект, содержащий в себе:
текст, графику и звуки.
5. Листинг
наиболее значимых частей программы
Предзагрузчик:
flash.utils.*;.stop();
var nID:Number = setInterval(isPreloader, 100);isPreloader()
{bL = this.loaderInfo.bytesLoaded;bT =
this.loaderInfo.bytesTotal;.setProgress(bL, bT);(bL == bT)
{(nID);.nextFrame();
}
}
Участок кода создания собственного контекстного меню:
var osnMenu = new ContextMenu();= new ContextMenuItem("Выйти из Аквариума");= new ContextMenuItem("Официальный сайт");= new ContextMenuItem("E-mail БГ");.customItems.push(c1);.customItems.push(c2);.customItems.push(c3).addEventListener(ContextMenuEvent.MENU_ITEM_SELECT,
func31);.addEventListener(ContextMenuEvent.MENU_ITEM_SELECT,
func32);.addEventListener(ContextMenuEvent.MENU_ITEM_SELECT,
func33);.contextMenu = osnMenu;func31(_event:ContextMenuEvent)
{("quit");// команда
Выход
}func32(_event:ContextMenuEvent)
{
//команда перехода на сайтurl:URLRequest = new
URLRequest("http://www.aquarium.ru/main.html");
navigateToURL(url);
}func33(_event:ContextMenuEvent)
{
//команда перехода в почтовый ящик, с заполненой адресной строкой
var url:URLRequest = new URLRequest("mailto:
bg@aquarium.ru");
navigateToURL(url);
}
Участок кода создания текстового поля в одном из альбомов:
import
flash.text.TextField;flash.text.TextFormat;flash.text.TextFieldAutoSize;Text10:TextField
= new TextField();10.x=363; //положение текста по Х
Text10.y=70; //положение текста по Y
Text10.selectable = true; //возможность выделения.autoSize =
TextFieldAutoSize.LEFT;.width = 30;.height = 600;(Text10);
var formatZagl6:TextFormat = new TextFormat();.font =
"Calibri";.size = 16;.color = 0xffffff;
// применение к нему шрифта
"Calibri".defaultTextFormat = formatZagl6;.text = ""Архангельск…………"
Заключение
Задача проекта по ознакомлению пользователя с творчеством группы и с ее
составом выполнена.
Интерфейс был предельно прост и любой человек, не обделенный даром
зрения, сможет разобраться в управлении приложением.
Библиографический список
1. http://txtbooks.ru/informatika/8-klass/95-semakin-8-klass/184-26-23-chto-takoe-multimedia.html.
Дата просмотра 27.11.2012.
. http://www.adobe.com/ru/products/flash.html. Дата
просмотра 27.11.2012.
. Хорева А.А. Технология
мультимедиа изданий: Методические указания