Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:

Дипломный проект, БНТУ

.pdf
Скачиваний:
84
Добавлен:
31.05.2015
Размер:
2.72 Mб
Скачать

МИНИСТЕРСТВО ОБРАЗОВАНИЯ РЕСПУБЛИКИ БЕЛАРУСЬ

БЕЛОРУССКИЙ НАЦИОНАЛЬНЫЙ ТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ

Институт повышения квалификации и переподготовки кадров по новым направлениям развития техники, технологии и экономики

Кафедра «Новые материалы и технологии»

ДОПУЩЕН К ЗАЩИТЕ

Зав. кафедрой НМиТ

___________ С.С.Карпович

«___» ____________ 2012

ДИПЛОМНАЯ РАБОТА

Сайт-визитка ансамбля цимбалистов «Золотая струна»

1-40 01 74 «Web-дизайн и компьютерная графика»

Слушатель – дипломник группы № 41133

Руководитель

Консультант

Ответственный за нормоконтроль

Ответственный за техконтроль

_____________________________

Л.А.Коблик

подпись, дата

 

_____________________________

С.С.Карпович

подпись, дата

зав. кафедрой НМиТ, к.т.н.

_____________________________

А.Ю.Зенькевич

подпись, дата

преподаватель кафедры НМиТ

_____________________________

Т.В.Снитко

подпись, дата

методист кафедры НМиТ

_____________________________

И.А.Лойко

подпись, дата

преподаватель кафедры НмиТ

Объем дипломной работы: дипломная работа - 66 страниц; графическая часть - –;

магнитные (цифровые) носители - 1единица.

Минск 2013

РЕФЕРАТ

Данная работа содержит иллюстраций – 20. Количество использованных источников – 17.

Ключевые слова: web-сайт, Золотая струна, ансамбль цимбалистов, цимбалы, Анна Полесова, верстка, программирование, система управления содержимым, Joomla!, юзабилити. Цель работы – это создание Сайта-визитки ансамбля цимбалистов «Золотая струна» и реализация верстки на основе разработанного оригинального дизайна, программирования.

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

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

Adobe Photoshop CS5, версия 12.0 x32. Данное приложение было использовано для подготовки, редактирования и ретуши фотографий, изображений, шапки сайта, элементов меню, фоновых изображений, для нарезки и коррекции их качества, масштабирования и оптимизации для

Web и т.д.

Для осуществления вёрстки и программирования были использованы

следующие приложения и программы:

PhpDesigner 7, версия 7.2.1. В данной среде разработки были созданы скриптовые документы, написанные на языках программирования

JavaScript, PHP 5.2.12, а так же CSS файлы;

Набор серверных утилит XAMPP, с помощью которых производилась работа над сайтом на домашнем сервере localhost;

Apache/2.2.4 (Win32) mod_ssl/2.2.4 OpenSSL/0.9.8kPHP/5.2.12, MySQL- client-version: 5.0.51a. В этой среде были проведены работы по созданию баз данных;

Notepad++. Данный текстовый редактор использовался для быстрой корректировки кода при проектировании сайта;

Mindjet MindManager Pro. В этой среде создавалась структура сайта, создаваемого на основе системы управления содержимым Joomla!, с указанием необходимых разделов, категорий и расширений Joomla!

Браузеры Internet Explorer 9, Opera 12.13, Mozilla Firefox 18.0.1, Google Chrome 24.0 были привлечены для проверки и контроля корректности написания кодов и верстки сайта;

Для редактирования текста пояснительной записки и проверки его синтаксиса использовался Microsoft Word 2010.

2

ОГЛАВЛЕНИЕ

ВВЕДЕНИЕ…………………………………………………………..………….…...4

1.ПРЕДПРОЕКТНЫЙ АНАЛИЗ…………………………………………...………7

1.1Краткий обзор проекта.......………………………………………..................7

1.2Структура сайта.………….…...……………………………..………….........9

1.2.1 Карта сайта..............................................................................................

9

1.2.2 Навигация..............................................................................................

13

1.2.3 Функциональные модули сайта..........................................................

16

1.3 Описание разделов сайта...............................................................................

17

1.3.1 Главная страница..................................................................................

17

1.3.2 Внутренние страницы (общие требования).......................................

18

1.3 Анализ сайтов конкурентов….….……………………………………….…18

1.4.1 Персональный сайт цимбалистки Александры Денисеня...............

19

1.4.2 Сайт «Белорусские цимбалы».............................................................

21

1.4.3 Сайт «Белорусские цимбалы: видеоантология»...............................

23

2. ДИЗАЙН И ЮЗАБИЛИТИ – ТЕСТИРОВАНИЕ САЙТА.…………………...25

2.1 Концепция разработки веб-сайта..................................................................

25

2.2Композиционное построение страниц……………..….………………….26

2.3Цветовое решение..……………….……………………..……….................28

2.4Выбор шрифтов.……………………………………..….………...……….30

2.5Графические элементы…….………………………..….…..........................32

3.ВЕРСТКА И ПОДГОТОВКА ШАБЛОНА ДЛЯ ДАЛЬНЕЙШЕГО ЕГО ИСПОЛЬЗОВАНИЯ В CMS……………………………………………………….37

3.2 Описание макета сайта……………..………………..……..………...........

37

3.2 Верстка, разработка и структура шаблона сайта........................................

37

4. РАЗРАБОТКА И РЕАЛИЗАЦИЯ ПРОГРАММНОГО КОМПОНЕНТА…....

42

4.1 Система управления содержимым Joomla!..................................................

42

4.2 Создание сайта на базе Joomla!.....................................................................

43

4.3 Расширения Joomla.........................................................................................

45

5. ЗАПУСК И СОПРОВОЖДЕНИЕ……................................................................

47

5.1 Выбор и виды хостинга для размещения сайта...........................................

47

5.2 Перенос сайта на сервер.................................................................................

49

5.3 Сопровождение сайта.....................................................................................

50

ЗАКЛЮЧЕНИЕ..........................................................................................................

52

СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ………………….….…….….53

ПРИЛОЖЕНИЯ…………………………………………………………………….54

3

ВВЕДЕНИЕ

Белорусский народ, по мнению целого ряда исследователей, находится в наше время на критическом переломе в своём историческом существовании – утверждает и возрождает древность, неповторимость и самобытность своей национальной культуры. Сделает он вклад в копилку всемирной культуры и тем самым действительно займёт «своё почётное место среди народов» или нет

– зависит в наибольшей степени от жертвенного труда на святой ниве образования и культуры.

Интерес к традиционной культуре сегодня наблюдается во всем мире, т.к. наступление «массовой культуры», нивелирование, стандартизация, урбанизация вызывают в душах неосмысленный протест и желание сохранить свои корни, чтобы этнос имел своё будущее. Как хорошо отметил философ В.Конан: «Когда наступает очередной кризис существования и культуры (а он приходится на переломе эпох), тогда вновь и вновь человечество хватается за свои извечные корни. Так как рождались, расцветали и погибали царства, империи и цивилизации, темнели и ржавели «золото и серебро» официальных ценностей, а забытое или списанное в архив народное творчество оставалось вечнозелёным Всемирным деревом, источником духовного возрождения нации».

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

Особая ответственность в этом плане возлагается на бессменного руководителя ансамбля цимбалистов «Золотая струна» учреждения образования «Минский государственный музыкальный колледж имени М.И.Глинки» Полесову Анну Станиславовну. Поскольку чувство Родины и любовь к своему Отечеству возникает у каждого человека по мере накопления собственных жизненных впечатлений, то обучение игре на цимбалах непосредственно связано с главной воспитательной задачей колледжа – развитием самосознания гражданина, воспитанием социальной активности учащихся и высоких моральных качеств.

С древних времён известно о благотворной, ничем не заменимой воспитывающей роли музыки. Композиторская школа Беларуси прошла значительный путь развития. За это время создан ряд сочинений, национальный колорит в которых проявляет себя в особом многообразии. Обладая огромной

4

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

В связи с назревающими реформами в сфере образования очень серьёзно стоит вопрос о дальнейшем существовании музыкальных дисциплин в общеобразовательных школах и гимназиях. Помимо этого, уже несколько лет как перестал существовать цимбальный цех на фабрике пианино в Борисове. Приобретённые ранее инструменты отживают свой срок, дерево рассыхается. Появились частные изготовители цимбал, но цена их инструментов слишком высока. Они доступны лишь немногим профессиональным артистам. Нет массового производства для школ, училищ, детей, которые хотели бы немного позаниматься, чтобы соприкоснуться с душой народа. Ранее популярный и востребованный инструмент в наши дни стоит на пороге вымирания, всё менее и менее пользуясь спросом. Родители при выборе музыкального инструмента для своего ребёнка отдают предпочтение таким инструментам как фортепиано, скрипка, гитара, совершенно не задумываясь о национальных приоритетах. Мало того, с цимбалами знакомы далеко не все граждане нашей страны. Довольно часто этот инструмент принимают за «гусли» или «балалайку», он не всегда узнаваем. Кроме того, в цимбальной педагогике очень серьёзно отстаёт расширение кругозора по современным тенденциям. Выход в интернетпространство используется далеко не всеми музыкантами-профессионалами, особенно зрелого возраста. А из этого следует, что их творческая деятельность живёт своей отдельной обособленной жизнью в узком кругу профессионалов. Время уходит, а творчество многих высокопрофессиональных цимбалистов остаётся в тени и продолжает быть недоступным многим людям. Наше культурное наследие не обретает облик бессмертия, а остаётся лишь в памяти немногих. Вместе с тем, решение задач воспитания высокоодухотворенного гражданина нашей страны невозможно без контакта с культурой нашей нации. Выявленное противоречие обусловило выбор темы исследования: «Сайтвизитка ансамбля цимбалистов “Золотая струна”». Именно интернетпространство обладает силой моментального контакта, оно способно вывести на связь с миллионными возможностями и выделить место для заложения фундамента будущего нашей культуры. Целая творческая жизнь замечательного музыканта-профессионала своего дела обретёт бессмертие и будет лежать как на ладони, передавая опыт и вдохновение будущим поколениям.

Цель проекта систематизировать творческие наработки руководителя ансамбля цимбалистов «Золотая струна» Анны Станиславовны Полесовой и создать современный и функциональный сайт-визитку для данного коллектива.

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

5

отобрать и проанализировать литературу по теме исследования;

познакомиться с современными Internet-технологиями и, по возможности, использовать их в своей разработке;

изучить программный инструментарий, применяемый для разработки и создания Web-сайтов;

проанализировать сайты конкурентов;

разработать структуру сайта, создать карту сайта, макеты будущих webстраниц, осуществить навигацию по сайту, определить необходимые и дополнительные сервисы, выбрать технологию реализации сайта;

проанализировать и учесть, какие требования предъявляют к графическому дизайну, как он позволяет решать вопросы юзабилити;

выполнить HTML-кодирование с использованием языка CSS, заполнить шаблоны текстовым и графическим содержимым, внедрить в них динамические элементы;

выбрать систему управления содержимым;

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

проверить эффективность адаптации HTML кода для SEO-оптимизации. Объект исследования – технологии web-проектирования, web-дизайна и

компьютерной графики.

Предмет исследования – творческие наработки руководителя ансамбля цимбалистов «Золотая струна» Анны Станиславовны Полесовой.

В работе использовался комплекс взаимодополняющих методов исследования:

теоретический анализ;

интервью;

беседа;

анкетирование.

База исследования - учреждение образования «Минский

государственный музыкальный колледж имени М.И.Глинки».

6

1.ПРЕДПРОЕКТНЫЙ АНАЛИЗ

1.1Краткий обзор проекта

Проект представляет собой сайт-визитку ансамбля цимбалистов «Золотая струна» Минского государственного музыкального училища им. М.И.Глинки, художественный руководитель – Анна Станиславовна Полесова. Данный сайт - одно из лучших решений для того, чтобы прорекламировать ансамбль цимбалистов, открыть все двери доступа к творчеству музыкантов, преданных своему делу. Сайт-визитка ансамбля – это ключ к успеху, поскольку сегодня наиболее простой путь от зрителя к исполнителю – это интернет сеть.

Цель сайта – заявить об ансамбле «Золотая струна» в пространстве интернета, придать солидность и престиж известному ансамблю цимбалистов «Золотая струна».

Основные задачи сайта:

создание творческой визитки профессионала своего дела, бессменного руководителя ансамбля цимбалистов «Золотая струна» Полесовой Анны

Станиславовны, которая внесла значительный вклад в развитие цимбальной исполнительской школы и в воспитание творческой молодёжи,

популяризация белорусского национального инструмента цимбалы;

популяризация музыки белорусских композиторов;

привлечение заинтересованных лиц для организации концертногастрольной деятельности ансамбля цимбалистов «Золотая струна»;

поиски единомышленников и спонсоров.

Способ создания сайта выбирался из трех возможных способов:

1)создать сайт на бесплатной CMS;

2)создать сайт на уникальной CMS;

3)создать сайт на основе PHP.

Так как предполагается, что в дальнейшем сайт будет сопровождать

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

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

Целевая аудитория сайта:

цимбалисты-профессионалы;

цимбалисты-любители;

музыканты самых разных направлений;

7

школьники, молодёжь, женщины и мужчины, люди зрелого возраста;

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

подключаются к Интернету по модемной линии со скоростью не ниже

213 кб/с;

заходят в Интернет за получением конкретной информации со стационарного компьютера или ноутбука;

посещение Интернета оплачивает сам пользователь.

Данный сайт должен максимально полно описывать творческие

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

Поскольку тема сайта привлекает, в первую очередь, профессионально подготовленную публику, то необходимо наиболее полно изложить весь материал о концертно-гастрольной деятельности данного коллектива, в подробностях рассказать о творческой деятельности руководителя ансамбля, обо всех участниках данного коллектива. Не секрет, что искусство во все времена держалось на энтузиастах своего дела, что только влюблённые в искусство люди способны творить, несмотря ни на что. Пообщавшись с энтузиастом, хочется быть таким же. Поэтому творчество таких людей обладает намного большей силой вдохновения и приносит обществу неоценимое благо. Кроме того, помимо творческих наработок (видео, аудио, фото и т.д.) на сайте будут размещены интересные статьи из газет и журналов, в которых рассказано о данном коллективе. Это позволит даже неподготовленным пользователям понять, насколько важно быть одухотворённым человеком, творить добро и ценить культуру своей Родины. Это позволит проникнуть в саму суть жизни музыкантов-цимбалистов, понять, что наш белорусский народный инструмент стоит на одном уровне с другими инструментами, что он ни чуть не хуже других. Именно поэтому в идею сайта заложен очень глубокий подтекст. Данный сайт будет «живым», звучащим и поющим цимбальными перезвонами. Он познакомит пользователей с музыкой белорусских композиторов, приоткроет тайну закулисной жизни музыкантов. В гостевой книге у пользователей будет возможность поделиться впечатлениями после концертов данного коллектива, напрямую связаться с руководителем ансамбля. Возможно, у кого-то появится желание пригласить ансамбль на своё торжество или организовать гастрольный тур.

Информация на сайте (дипломы, фотографии, афиши, видео, аудио, текстовый материал) будет пополняться по мере накопления материалов в связи с гастрольной деятельностью ансамбля цимбалистов «Золотая струна».

8

Коллектив ведёт насыщенную концертную деятельность, поэтому информация будет пополняться достаточно часто.

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

В ходе анализа структуры сайта и его целей были определены следующие требования к верстке сайта:

1)сайт будет построен на основе СMS Joomla;

2)дизайн страниц будет основан на «фиксированных» размерах страниц, минимальное разрешение экрана монитора – 17 дюймов (содержимое монитора будет отображаться без горизонтальной линии прокрутки);

3)верстка сайта будет оптимизирована на корректную работу популярных

браузеров (Opera – с версии 10.0 и выше, Mozilla Firefox – со 2.0 версии и выше, Google Chrome, Internet Explorer 8).

При работе над версткой сайта и создании необходимых сервисов будут использованы технологии: PHP5, MySQL 5, HTML, CSS.

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

1.2.1 Карта сайта

Ниже представлена карта сайта. Для каждого раздела сайта даны названия и html-наименования:

1)Главная (index)

2)О руководителе (leader)

Награды (leader_reward)

Хроника творческой жизни (chronicle)

2013 (chronicle_2013)

2012 (chronicle_2012)

2011 (chronicle_2011)

2010 (chronicle_2010)

2009 (chronicle_2009)

2008 (chronicle_2008)

2007 (chronicle_2007)

2006 (chronicle_2006)

2005 (chronicle_2005)

2004 (chronicle_2004)

2003 (chronicle_2003)

2002 (chronicle_2002)

2001 (chronicle_2001)

9

2000 (chronicle_2000)

1999 (chronicle_1999)

1998 (chronicle_1998)

1997 (chronicle_1997)

1996 (chronicle_1996)

1995 (chronicle_1995)

1994 (chronicle_1994)

1993 (chronicle_1993)

1992 (chronicle_1992)

1991 (chronicle_1991)

1990 (chronicle_1990)

3)О коллективе (about_collective)

Участники (member)

Достижения (collective_reward)

Репертуар (repertoire)

4)Ученики (pupils)

Аббет (Азончик) Дарья (abbet)

Абметка Анастасия (abmetka)

Авраменко Елена (avramenko)

Белявская (Калечиц) Марина (beliavskaia)

Бобцова (Фурса) Ирина (bobzova)

Бовбель (Цыганок) Юлия (bovbel)

Богданович (Вевель) Елена (bogdanovich)

Василькова Екатерина (vasilkova)

Вовкотруб (Кожедуб) Ольга (vovkotrub)

Григорьева (Кушнер) Кристина (grigorieva)

Дорджиев Эльвик (dordgiev)

Дорджиева Тамара (dordgieva)

Елистратова (Банас) Ника (elistratova)

Климович (Равнополец) Ольга (klimovich)

Коблик Людмила (koblik)

Крицук Инна (krizuk)

Мороз (Трепачкина) Валентина (moroz)

Петрашкевич Илона (petrashkevich)

Пивовар Дарья (pivovar)

Поликарпова Алеся (polikarpova)

Ровнейко Мария (rovneiko)

Руденко Юлия (rudenko)

Рыжковская Юлия (rijkovskaya)

Савко Анна (savko)

10