Создание электронного каталога музыки, посвященного деятельности музыкальной группы "Аквариум"

Размещено на http://www.allbest.ru/

Содержание

• Введение

1. Постановка задачи

2. Проектирование интерфейса

3. Разработка программного компонента

3.1 Общие сведения и функциональное назначение

3.2 Структура проекта

3.3 Организация загрузки мультимедийного содержимого

4. Программная документация

4.1 Руководство пользователя

4.1.1 Назначение программы

4.1.2 Условия выполнения программы

4.1.3 Выполнение программы

4.2 Руководство программиста

4.2.1 Назначение и условия применения проекта

4.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, куда заносим все дочерние узлы корневого узла документа;

· в цикле перебираем все дочерние узлы документа и записываем их в экземпляр компонента List;

· при нажатии на кнопку "Воспроизведение" загружаем звук при помощи метода load.

Часть программного кода плеера:

import flash.net.URLRequest;

import flash.media.Sound;

import flash.media.SoundChannel;

import fl.controls.Slider;

import fl.events.SliderEvent;

// XML-документ

var Afrlist:XML = new XML();

var childs:XMLList = new XMLList(); // объект для хранения всех дочерних узлов документа

var XML_URL:String = "XML/Африка.xml"; // адрес документа

var myXMLURL:URLRequest = new URLRequest(XML_URL); // гиперссылка

var myLoader:URLLoader = new URLLoader(myXMLURL); // загрузчик текстового содержимого

// загружаем в него XML-документ

var musicURL:URLRequest = new URLRequest(); // гиперссылка для mp3-файла

var snd:Sound = new Sound(); // объект-звук

var channel:SoundChannel = new SoundChannel(); // звуковой канал

var setPosition:int = 0;

var setLenght:int = 0;

myLoader.addEventListener("complete", xmlLoaded); // окончание загрузки содержимого в загрузчик

// окончание загрузки внешнего XML-документа

function 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; // по умолчанию выбран первый элемент списка

}

bPlay.addEventListener(MouseEvent.CLICK, playClick);

// обработчик события нажатия кнопки play

function playClick(_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);}

else{

channel = snd.play(setPosition);// воспроизведение

}

}

Текстовое поле в окне любого из выбранных альбомов вписано с помощью Action Script 3.0:

4. Программная документация

4.1 Руководство пользователя

4.1.1 Назначение программы

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

4.1.2 Условия выполнения программы

Для полноценного использования данного приложения необходимо наличие:

· 16-разрядной видеокарты;

· монитора с разрешением не ниже 1280:1024;

· компьютерной мыши.

· любая звуковая карта

4.1.3 Выполнение программы

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

Для перехода к нужному разделу, пользователь должен использовать мышь.

В каждом из разделов у пользователя есть возможность вернуться на главную страницу приложения, нажав на кнопку "Обратно в Аквариум".



Рис. 6 - Кнопка возврата на главную кадр приложения

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

Рис. 7 - Раздел "Информация о группе"

Рис. 8 - Раздел "Состав группы"

Для возврата к списку и возможности выбора другого участника группы, пользователь должен нажать на кнопку "Аквариум".

В разделе "Альбомы" пользователь имеет возможность выбрать один из 7 студийных альбомов группы.



Рис. 9 - Раздел "Альбомы"

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

Рис. 10 - Раздел "Альбом "Радио Африка""

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

Приложение имеет свое контекстное меню.



Рис. 10 - Раздел "Альбом "Радио Африка""

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

4.2 Руководство программиста

4.2.1 Назначение и условия применения проекта

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

Системные требования:

· процессор 1 ГГц и выше;

· Microsoft Windows 2000/XP/Vista;

· 1 Гб оперативной памяти;

· поддержка разрешения 1000х600 пикселей;

· 16-разрядная видеокарта.

4.2.2 Обращение к программе

Все действия с проектом происходят посредством мыши.

Проект запускается двойным щелчком мыши по значку Aquarium.exe, либо с помощью командной строки.

4.2.3 Входные и выходные данные

Входными данными проекта являются:

-документ формата .xml (Архангельск, Африка, Декабрь, ДесятьСтрел, Лощадь, Пушкинская, Хрестоматия);

· музыка в формате .mp3.

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

5. Листинг наиболее значимых частей программы

Предзагрузчик:

import flash.utils.*;

this.stop();

var nID:Number = setInterval(isPreloader, 100);

function isPreloader()

{

var bL = this.loaderInfo.bytesLoaded;

var bT = this.loaderInfo.bytesTotal;

bar.setProgress(bL, bT);

if (bL == bT)

{

clearInterval(nID);

this.nextFrame();

}

}

Участок кода создания собственного контекстного меню:

var osnMenu = new ContextMenu();

varc1 = new ContextMenuItem("Выйти из Аквариума");

varc2 = new ContextMenuItem("Официальный сайт");

varc3 = new ContextMenuItem("E-mail БГ");

osnMenu.customItems.push(c1);

osnMenu.customItems.push(c2);

osnMenu.customItems.push(c3)

c1.addEventListener(ContextMenuEvent.MENU_ITEM_SELECT, func31);

c2.addEventListener(ContextMenuEvent.MENU_ITEM_SELECT, func32);

c3.addEventListener(ContextMenuEvent.MENU_ITEM_SELECT, func33);

this.contextMenu = osnMenu;

function func31(_event:ContextMenuEvent)

{

fscommand("quit");// команда Выход

}

function func32(_event:ContextMenuEvent)

{

//команда перехода на сайт

var url:URLRequest = new URLRequest("http://www.aquarium.ru/main.html");

navigateToURL(url);

}

function func33(_event:ContextMenuEvent)

{

//команда перехода в почтовый ящик, с заполненой адресной строкой

var url:URLRequest = new URLRequest("mailto: bg@aquarium.ru");

navigateToURL(url);

}

Участок кода создания текстового поля в одном из альбомов:

import flash.text.TextField;

import flash.text.TextFormat;

import flash.text.TextFieldAutoSize;

var Text10:TextField = new TextField();

Text10.x=363; //положение текста по Х

Text10.y=70; //положение текста по Y

Text10.selectable = true; //возможность выделения

Text10.autoSize = TextFieldAutoSize.LEFT;

Text10.width = 30;

Text10.height = 600;

addChild(Text10);

var formatZagl6:TextFormat = new TextFormat();

formatZagl6.font = "Calibri";

formatZagl6.size = 16;

formatZagl6.color = 0xffffff;

// применение к нему шрифта "Calibri"

Text10.defaultTextFormat = formatZagl6;

Text10.text = ""Архангельск…………"

Заключение

Задача проекта по ознакомлению пользователя с творчеством группы и с ее составом выполнена.

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

Библиографический список

1. http://txtbooks.ru/informatika/8-klass/95-semakin-8-klass/184-26-23-chto-takoe-multimedia.html. Дата просмотра 27.11.2012.

2. http://www.adobe.com/ru/products/flash.html. Дата просмотра 27.11.2012.

3. Хорева А.А. Технология мультимедиа изданий: Методические указания

Размещено на Allbest.ru