Разработка тематического сайта о вокале «Вокальный сайт»

Структура сайта

Структура сайта «Вокальный сайт» состаит из двух основных разделов:

1. Раздел «Все о вокале» — постоянно пополняемая информация о вокале. Этот раздел, посвящен искусству пения. Раздел включает в себя следующею категорию:

• Вокал — блог страниц вокальных терминов, сведений о певческих голосах, классификации вокала.

Рисунок 1 Раздел "Все о вокале", категория "Вокал"

2. Раздел «Обучающая литература » включает в себя 2 категории:

• Книги —  список вокальных книг по обучению вокала.

• Программы. В этой категории описаны вокальные программы Canta, Vocal Magic Pro и другие для операционной системы Windows Vista/XP/7 и ссылка на скачивания этих программ.

 

Рисунок 2 Раздел "Образовательная литература"/категория "Программы"

Информационный дизайн

Информационный дизайн главной страницы сайта представляет собой модуль Главное меню и Авторизация (располагаются слева); в центральной части главной страницы располагаются статья «Для чего нам вокал?», а также модули поиска по сайту, Голосования, Читайте также, Последние новости (справа). На остальных страницах сайта имеются статьи с текстовой и графической информацией (фото, издания и т.д.), а также музыка и видео.

Для удобства навигации созданы модули горизонтального меню дублирующее главное меню, а также контактная информация.

                                            

 

         

 

 

 

 

 

 

 

 

 

Рисунок 3 Схема расположения информационных модулей на главной странице

Функциональности сайта

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

Модуль «Поиск по сайту» (mod_search) отображается в положении right и показывает поле поиска на всех страницах сайта, что позволяет, не просматривая всего объема статей, найти интересующий объект.

Модуль «Последние новости» (mod_latestnews) располагается в верху в правой части на всех страницах сайта, что определено положением right в шаблоне. Этот модуль отображает список самых последних опубликованных материалов, у которых не истек срок публикации. Материалы, показываемые на Главной странице, не попадают в этот список.

Модуль «Голосование» (mod_stats) зафиксирован в положении right шаблона прямо под модулем «Последние новости». Этот модуль используется для отображения настроенных голосований.

Модуль «Авторизация» (mod_login) располагается в левой части в положении left под модулем Главное меню. Этот модуль отображает форму авторизации на сайте. Он также показывает ссылку на получения забытого пароля.

Модуль «Читайте также» (mod_related_items) зафиксирован в положении right в шаблоне. Модуль отображает другие материалы, которые похожи на текущий отображаемый материал. Они связаны по ключевым словам мата-данных. По всем ключевым словам текущего материала выполняется поиск по ключевым словам других опубликованных материалов.

Модули «Главное меню» (mod_mainmenu, вертикально) зафиксирован в положении left, отображаются на всех страницах и служат для навигации между разделами и категориями на сайте.

Модули «Горизонтальное  меню» (mod_mainmenu, горизонтально) зафиксированы в положении user3 и отображаются для удобства навигации на страницах сайта, тематически связанных с соответствующими разделами.

Создание дизайна сайта

Шаблон для сайта представляет собой трехколоночный макет, выполненный в серо-белой цветовой гамме. Выбор данной цветовой схемы связан с желанием разработчика создать светлый, выдержанный, но вместе с тем современный визуальный образ сайта, который бы не отвлекал внимания посетителей от контента. Использованные шрифты: Arial (заголовки) и Arial (содержание).

 

 

Рисунок 4 Шаблон в режиме предпросмотра

 

Карта сайта

Карта сайта  реализована с помощью компонента  Xmap и отображает разделы, категории и статьи Главного меню.

• Главная

        Статья «Для чего нам вокал?»

       

• О вокале

Вокал

                Термины

                Певческие голоса

                Классификация вокала по манере  исполнения

                                

• Обучающая литература

Книги

Вокальный букварь

Школа эстрадного вокала

Программы

Canta

Vocal Magic Pro

        Видеоуроки   

Урок 1 Первые технические упражнения

Урок 2 Правильное дыхание – основа вокального успеха

Урок3 Вокальная видео школа

        Самоучитель по вокалу

        Музыка

           

                 

 

Руководство пользователя по администрированию  сайта

На момент написания  данного технического проекта количество статей на сайте составляет 9. Количество разделов — 2, категорий — 3.

Имя базы данных phpMyAdmin: testsait.

Архив: testsait.sql и www.zip.

Логин для входа  в административную часть сайта - admin, пароль – 12345.

Название сайта: «Вокальный сайт».

Описание сайта: Вокальный сайт посвященный вокалу, искусству вокала и вокальным способностям, несущий образовательную и информационную составляющие.

Ключевые  слова: вокал, голос, певец, вокальные уроки, вокалист, вокальный сайт, самоучители по вокалу, программы вокала. 
Заключение

В рамках данного  курсового проекта был создан сайт посвященный вокалу, искусству вокала и вокальным способностям в среде CMS Joomla версии 1.5.21.

Информация, представленная на сайте в разделах «О вокале», и «Обучающая литература» несет образовательную и информационную составляющие вокального сайта. На сайте представлены уроки владения всевозможными вокальными техниками, виды и жанры вокала, а также видеоуроки, обучающая литература и программы.

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

Возможности CMS Joomla для создания такого рода проектов отвечают всем основных требованиям разработчика. За счет расширения системы были установлены такие функциональности и модули как: поиск по сайту, голосование, авторизация, последние новости, модули вертикального и горизонтального меню. Установлен следующий компонент Xmap (карта сайта) и плагин ALLVideos (музыка, видео). Все это позволило создать желаемый информационный дизайн сайта.