1.2. Обоснование выбора технологий и дизайнерских решений

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

Рис. 1. Музыкальный сайт ЗАЙЦЕВ.НЕТ

Рис. 2. Музыкальный сайт MY FAVOURITE MUSIC

Рис. 3. Музыкальный сайт МУЗЫКА.РУ

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

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

Создание мультимедийного продукта

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

2.1. Разработка концепции

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

Дизайн и стилевое оформление сайта: проигрыватель является одной из составляющих сайта, поэтому ее дизайна не должен отличатся от дизайна сайта; то есть стиль – минимализм.

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

2.2. Проектирование содержания и среды представления приложения

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

Плеер может:

• проигрывать треки или потоки, список которых хранится в текстовом файле-плейлисте;

• запоминать номер трека и позицию в треке, чтобы при переходе по страницам сайта пользователь продолжал, а не начинал слушать заново одно и то же;

• играть в режиме повтора текущего трека (loop), при этом перейти на следующий/предыдущий трек можно с помощью стрелок;

• играть треки в случайном порядке (shuffle);

• распознавать русские названия песен, при условии, что кодировка файла с плейлистом совпадает с кодировкой страницы, в которой находится плеер;

• регулировать громкость и баланс звука и запоминать пользовательские настройки;

• слушаться команд на расстоянии одной страницы

Плеер изображен на рисунке 4.

Рис. 4. Изображение плеера