- •Комплексный курсовой проект
- •Харьков, 2011 оглавление
- •Введение
- •Анализ состояния разработак сайтов содержащих музыку
- •1.1. Обоснование актуальности разработки, формулирование цели и задания разработки
- •1.2. Обоснование выбора технологий и дизайнерских решений
- •Создание мультимедийного продукта
- •2.1. Разработка концепции
- •2.2. Проектирование содержания и среды представления приложения
- •Разработка сайта
- •3.1. Описание основных дизайнерских решений
- •3.2. Верстка страниц и таблиц стилей для форматирования
- •3.3. Функциональные элементы, реализованные на стороне клиента
- •3.4. Создание контента
- •Список используемых источников
- •Приложения
- •Динамический скрипт создания меню
- •Код для проигрывателя
- •Группы потенциальных посетителей
- •Маркетинговые задачи сайта
- •Информационное наполнение
- •Основные принципы технической реализации
Приложения
Приложение 1
Динамический скрипт создания меню
Текст скрипта:
var flag=true;
$(document).ready(function(){
if(flag){
$("#accordion > li > div").click(function(){
if(false == $(this).next().is(':visible')) {
$('#accordion ul').slideUp(300);
}
$(this).next().slideToggle(300);
});
flag=false;
}
});
Пояснение:
Данный скрипт обращается к созданным элементам меню, которые написаны в виде таблицы и выполняет действие развертывания и сворачивания его элементов. Скрипт выполняется после нажатия на меню.
Для этого написан скрипт выполняется только в тогда, когда страница загружена. При помощи функций меню опускается или поднимается. То есть при нажатии на меню выполняется функция click(function().
Сначала присваиваем переменную flag и присваиваем ей значение true, то есть правда. Если же flag равен true, то находим элемент accordion, в нем li, а в нем обращаемся к div, таким образом выполняется операция наследование. Затем по нажатию на раздел меню выполняется функция function(). В этой функции выполняется условие: если меню открытое, то оно закрывается (slideUp(300)), а если закрытое, то оно разъезжается (slideToggle(300)). После чего переменная flag принимает значение false.
В результате всех проведенных операций открывается меню, при нажатии на другой раздел, предыдущий закрывается и открывается тот на который нажато, рисунки 15 и 16.
Рис. 15. Действие при нажатии
Рис. 16. Действие при следующему нажатию
Код для проигрывателя
Текст скрипта:
var opera = Boolean(window["opera"]);
var ie = (navigator.appName.indexOf("Microsoft") != -1) && !opera;
function mju_play_file(chars) {
if (!chars.length) return false;
var mc = ie ? window.mju : window.document.mju;
mc.SetVariable("play_file",chars);
}
Пояснение
Данный скрипт работает с созданным ранее плеером и позволяет управлять его параметрами и настройками. Скрипт выполняется после нажатия на элементы плеера.
Скрипт сначала объявляет переменную opera и переменную ie, с разными значениями. После нажатия на песню срабатывает обработчик onclick, который вызывает функцию mju_play_file. Данная функция выполняет запуск песни.
Приложение 2
Концепция сайта
Группы потенциальных посетителей
Все люди, которые любят слушать музыку..
Друзья и знакомые.
Люди ,которые хотят выучить или прочесть текст песни.
Случайные пользователи Интернет.
Маркетинговые задачи сайта
Создание и поддержка положительного имиджа портала.
Цели продвижения в сети Интернет
Представление портала на общенациональном рынке.
Обмен музыкой и всей информации представленной на сайте.
Обмен мнениями.
Информационное наполнение
Сайт должен вызвать у посетителя:
Ощущение комфорта и отдыха при входе на сайт.
Желание воспользоваться порталом.
Желание регулярно следить за новой информацией на сайте.
Принципы подачи информации:
Приоритет: положительный имидж.
Краткость и четкость подачи информации.
Продемонстрировать наличие большого объема хорошо структурируемой информации.
Основные принципы дизайна экранного интерфейса и системы навигации:
Интерфейс должен быть простым и интуитивно понятным.
Ясная навигация.
Страницы должны быстро загружаться.
Обновление информации:
Регламент обновления естественно зависит от самого создателя. Беря во внимание то, что регулярное обновление существенно увеличивает посещаемость сайта, можно создать некую традицию – постоянно выкладывать новые треки, новости и тексты песен, раз в неделю или по каким-то определенным дням недели.
