Разработка сайта для читинского пейнтбольного клуба 'Paintball'

Разработка сайта для читинского пейнтбольного клуба 'Paintball'

Содержание

Введение

Глава 1. Читинский пейнтбольный клуб “Paintball”

.1      Общая информация о читинском пейнтбольном клубе “Paintball”

.2      Источники информации

.3      Информационная карта сайта

Глава 2. Разработка сайта

.1 Средства реализации

2.2 Дизайн сайта. Общий объем сайта

.3 Средства интерактивности

.4 Тестирование сайта

.5 Возможности хостинга

Заключение

Список используемой литературы

Введение

Все большее внимание в нашей стране уделяется военно-патриотическому воспитанию молодежи. Разрабатываются специальные программы (Государственная программа "Патриотическое воспитание граждан российской федерации на 2006 - 2010 годы"). К реализации таких программ привлечены комитеты по делам молодежи, ГО и ЧС, военно-учетные столы и военные комиссариаты.

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

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

Известная в Советские времена игра "Зарница" потихоньку возрождается и в совокупности с пейнтболом приобретает новый, более заманчивый, вид. Следует особо отметить, что такая "Зарница" будет более интересной для школьников, поскольку в основе лежит реалистичный пейнтбол. К тому же пейнтбольный клуб, совместно с представителями таких структур как ГО и ЧС, военно-учетные столы и военные комиссариаты придадут такому мероприятию определенный армейский стиль. Организация таких мероприятий носит значительный социальный характер и бесспорно важна.

В Чите, к сожалению, такая работа проводится не активно. Поэтому руководством клуба “Paintball” было принято решение начать пропаганду пейнтбола, как возможности активного отдыха и военно-политической подготовки молодежи. Первым шагом стало создание сайта клуба для большего охвата аудитории. Ведь большинство активных пользователей Интернета - молодежь в возрасте от 14 до 25 лет.

Цель курсовой работы - разработка и опубликование web-сайта читинского пейнтбольного клуба “Paintball” носящего информационно-рекламный характер.

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

Задачами курсовой работы являются:

1.      Собрать и структурировать информацию о клубе “Paintball”;

2.      Разработать сайт для читинского клуба “Paintball”;

3.      Выбрать оптимальный вариант хостинга.

Глава 1. Читинский пейнтбольный клуб “Paintball”

.1 Общая информация о читинском пейнтбольном клубе “Paintball”

Клуб “Paintball” был создан в мае 2008 года.

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

·              здорового образа жизни

·              активного отдыха

·              нравственно-патриотическое воспитание подрастающего поколения

В конце июля 2008 года была проведена первая в Чите сценарная игра. В сентябре 2008 года клуб провел вторую сценарную игру на базе расформированной военной части в п. Антипиха. Так же были организованы несколько корпоративных игр для крупных коммерческих предприятий города.

Тренировки и свободные игры клуб проводит на площадке стадиона СибВО (восточный угол).

В данное время у клуба имеется вся необходимая экипировка для проведения игр как на площадке СибВО, так и для организации выездных игр.

В ближайшее время клуб планирует начать переговоры с руководителями ВУЗов города. Целью переговоров является предложение проведения внутри- и межвузовских состязаний по игре «Зарница» для повышения уровня военно-политической подготовки студентов Забайкальского края.

Так же ведутся переговоры с руководителями силовых структур города о проведении тактических тренировок на наших площадках с предоставлением экипировки.

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

.2 Источники информации

Обработанная и структурированная информация:

1.      Основное направление деятельности клуба

2.      Цели клуба

.        История, воспитательный аспект пейнтбола

.        Статистика травматизма в пейнтболе

.        Пейнтбол как средство сплочение команды

.        Терминология пейнбола

.        Экипировка имеющаяся в клубе

.        Цены на прокат экипировки

.        Фотографии с игр

.        Контактные данные клуба

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

.3 Информационная карта сайта

Таблица 1.3.1 - Информационная карта

клуб сайт хостинг рекламный

Глава 2. Разработка сайта

.1 Средства реализации

.        Язык разметки: HTML 4.01

2.      Каскадные таблицы стилей: CSS 2.1

3.      Скриптовый язык: JavaScript 1.6

При создании сайта использовались следующие программы:

1.      Adobe Dreamweaver CS4

2.      Adobe Photoshop CS4

3.      ACDSee Pro 2.5

Adobe Dreamweaver - профессиональный редактор HTML для визуального создания и управления сайтами различной сложности и страницами сети Internet. Dreamweaver включает в себя много инструментов и средств для редактирования и создания профессионального сайта: HTML, CSS, JavaScript, отладчик JavaScript, редакторы кода (просмотр кода и инспектор кода), что позволяет вам, редактировать JavaScript, XML и другие текстовые документы, которые поддерживаются в Dreamweaver.

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

В новой версии появилась среда для разработки Ajax-приложений, которые могут выполнять самые разные функции (получение информации из RSS каналов и баз данных, создание визуальных эффектов и многое другое), добавлена возможность создания сайтов на основе тегов DIV, реализована тесная интеграция с другими программами Adobe.

Разработчику Web-проекта предлагаются гибкий и мощный инструментарий управления сайтом, включая встроенный полноценный FTP-клиент, визуальные карты сайтов и контроль над ссылками.

В основе этого редактора лежит принцип "Мы не трогаем ваш код". То есть, если взять корректный HTML, открыть его и затем сохранить, он останется неизменным. Работает в паре с редакторами типа Homesite (т.е. отслеживает и загружает новую версию открытого документа если он был изменен другой программой).

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

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

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

Наконец, множество разработчиков и сторонних фирм расширяют инструментарий программы за счет подключаемых программных модулейPro - программа для работы с цифровыми фотографиями, которая обладает расширенным набором функций, рассчитанных на профессиональных фотографов. Pro поддерживает более 100 форматов графических файлов, позволяет работать с RAW-изображениями, автоматически сортировать фотографии по параметрам, полученным из цифровых фотокамер, содержит эффективный визуальный метод добавления к изображениям метатегов и быструю пакетную обработку большого количества картинок, в том числе и в RAW формате. Кроме того, здесь присутствуют инструменты для независимого регулирования цветовых каналов, исправления артефактов фотографий, появляющихся из-за погрешностей оптики, добавления "водяных знаков", работы с IPTC-метаданными, имеется возможность архивирования графических коллекций в ZIP-файлы, запись на CD или DVD и многое другое.

.2 Дизайн сайта. Общий объем сайта

Схема сайта представлена на рисунке 2.2.1

Рис. 2.2.1 - Схема сайта

Дизайн сайта. При создании сайта руководствовались следующими правилами:

1.      Дизайн сайта должен быть ненавязчивым, не мешающим посетителю получать информацию

2.      Дизайн сайта должен быть привлекательным и запоминающимся

.        Система навигации - немаловажная деталь дизайна сайта, помогающая

Web-сайт основывается на плоской организационной структуре, где главная страница содержит все ссылки на другие страницы сайта. Организационная структура является частично сетевой, где навигация по сайту осуществляется путем гипертекстовости, т. е. ссылки на различные страницы (внутренние линки) взаимосвязаны и взаимонаправляемы. Это значит, что со второй страницы сайта можно попасть на стартовую или любую другую страницу с помощью повторяющихся ссылок. Дублирование линков облегчает пользователю задачу, он может «путешествовать» в любую точку сайта, не возвращаясь на ненужную страницу для «пересадки».

Цветовая гамма сайта - бело-зеленая;

Навигационное меню - справа;

Применены технологии CSS, JavaScript, PHP, MySQL;

Объем сайта - 3 637 Кбайт (86 изображений 3100 Кбайт, 60 HTML страниц 300 Кбайт, 1 текстовый документ 33 Кбайт, файл CSS 34 Кбайт).

Оформление построено на зеркально отраженном классическом дизайне сайта и приведено на рисунке 2.2.2

Рис. 2.2.2 - Зеркально отраженный классический дизайн сайта

Меню с правой стороны страницы является более эргономичным для правши. А, как известно, правши составляют большинство Интернет-пользователей.

Выбор зеленой гаммы обусловлен военной тематикой пейнтбола (цвет формы, камуфляж)

Форматы графики для Web-узлов

Как известно, 70% информации об окружающем мире человек получает через зрение. Естественно, что с появлением графических браузеров, обретя возможность добавлять к тексту изображение, Интернет получил мощнейший инструмент воздействия на своих пользователей. Являясь по своей сути той же компьютерной графикой, изображения в Web все-таки имеют ряд особенностей, на которые (и не только на них) стоит обратить внимание.

При всем многообразии графических форматов для представления изображений в Web используeтся малое их количество. Основным ограничителем здесь выступает размер файла. А потому выбор формата при подготовке изображения для Web определяется оптимальным соотношением двух взаимоисключающих параметров: размеров изображения и объема файла.

GIF (Graphics Interchange Format, формат взаимообмена графикой). Для компрессии файлов GIF использует LZW-алгоритм сжатия, или, как его еще называют, сжатие без потерь, при этом он наиболее эффективен при больших однотонных областях с четкими границами. GIF не способен хранить неиндексированные изображения, то есть может отображать не более 256 цветов. Эта ограниченность формата не позволяет добиться плавного перехода от одного цвета к другому, что особенно заметно при использовании градиентов и размывок. Использование GIF целесообразно, прежде всего, для так называемых плоскоцветных изображений с четко обозначенными границами переходов между цветами, а также малоразмерных изображений типа кнопок, превьюшных картинок и т. п.

JPEG (Joint Photographic Experts Group). Этот формат довольно уникален тем, что использует алгоритм сжатия, отличающийся от применяемых во всех остальных графических форматах, - сжатие с потерями. Основан он на все той же ограниченности человеческого зрения, неспособности глаза не замечать некоторые искажения в восстановленном изображении. На сегодня этот алгоритм является одним из самых эффективных (коэффициент сжатия достигает 1:100), однако он не очень хорошо обрабатывает изображения с малым количеством цветов и резкими границами. Вообще JPEG можно назвать противоположностью GIF. Он позволяет отображать 24-битную палитру, т. е. все 16,8 млн. цветов, что дает возможность отображать градиенты с фотографической точностью, но при этом не может иметь прозрачных областей.

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

.3 Средства интерактивности

Для обеспечения обратной связи на сайт была внедрена гостевая книга. Она позволяет посетителям оставлять различные пожелания, замечания, краткие заметки, адресованные владельцу или будущим посетителям. С технической точки зрения, гостевая книга представляет собой программу на серверном языке программирования. До перехода на хостинг поддерживающий PHP и MySQL, было принято решение воспользоваться услугами сервиса Borda.ru, являющегося лидером в области бесплатного хостинга гостевых книг и форумов.

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

Быстрая и надежная работа. Малый размер страниц;

Возможность полностью менять дизайн и все надписи без специальных знаний;

Форум должен быть без баннеров, минимум рекламы;

Быстрая раскрутка форума;

Легкая регистрация прямо во время написания первого сообщения;

Уникальная функция Супербан. Невозможность обойти бан;

Возможность читать большие темы одной страницей;

Выборка только новых ответов, без загрузки текста прочитанных ранее;

Система поиска двойников по ID компьютера;

Первое сообщение темы показывается на всех страницах;

Возможность легко заменить любое слово или перевести весь форум на любой язык;

Возможность добавить замечание c показом иконки и текста замечания;

Массовое удаление или перемещение сообщений прямо из форума, одним кликом;

Система премодерации всех сообщений или только подозрительных;

Ссылка на исходящее сообщение при вставке цитаты или при обращении по нику;

Система рейтинга с анонимными комментариями;

Функция «Объявление» - создание темы, общей для всех разделов;

Три вида отображения форума - табличный, древовидный, только ответы деревом;

Два вида вложенности сообщений - форум с подфорумами и без подфорумов;

Функция защиты голосований от накрутки - показ голосов без новичков;

Автоматический перенос устаревших сообщений в архив на вечное хранение;

Участник или гость может скрыть свое сообщение от всех, кроме администрации;

Учет ранга - времени участия и количества сообщений, автоматически дающая права;

Функция ответ под ответом - повышение читабельности тем без цитирования;

Возможность запретить новичкам правку своих постов старше одного часа;

Настраиваемое личное сообщение новичкам при регистрации на форуме;

Хранение на сервере двух аватаров каждого участника, переключение в один клик.

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

Из-за ограничений хостинга пока не предоставляется возможность использование cgi-скрипта, для осуществления бронирования без использования почтового клиента пользователя.

.4 Тестирование сайта

Тестирование производилось следующими браузерами:

.        Internet Explorer 8.0

2.      Opera 9.64

3.      Google Chrome 2.0

4.      Apple Safari 3.0

Эти браузеры были выбраны как одни из самых популярных среди пользователей.

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

.5 Возможности хостинга

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

Критерии выбора хостинг-провайдера:

.           Объем дискового пространства

2.      Доступ по FTP, e-mail, скрипты

.        Нет ли дополнительных платежей

.        Быстрота реагирования службы поддержки

.        Статистика посещений сайта

.        Домены и поддомены

.        Скорость интернет-каналов

.        Система безопасности

Имея опыт работы с хостинг-провайдером Чита.РУ, выбор был сделан в их пользу.

Сайт размещен на серверах компании chita.ru на безвозмездной основе. Временно не предоставляются сервисы CGI-скриптов, баз данных MySQL. В дальнейшем планируется перевести сайт на платную основу с поддержкой всех основных сервисов. Оплата хостинга - бюджет клуба “Paintball”.

Сайт:

URL: http://paintball.chita.ru

Хостинг: Chita.ru

Гостевая книга:

URL: http://paintchita.forum24.ru

Хостинг: Borda.ru

Заключение

В ходе выполнения курсовой работы, была достигнута поставленная цель - разработка и опубликование сайта пейнтбольного клуба “Paintball”.

Выполнены поставленные задачи, такие как:

1.      Cобрана и структурирована информация о клубе “Paintball”;

.        Разработан сайт для читинского клуба “Paintball”;

.        Выбран оптимальный вариант хостинга сайта.

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

Список использованных источников

1.           Джеффри Вин. Искуство web-дизайна - Спб.: Питер, 2003. -219 с.

2.      Матросов А., Сергеев А., Чаунин М. HTML 4.1 - Санкт-Петербург: БХВ-Санкт-Петербург, 2003. -672 с.

.        Пол Мак-Федрис. Использование JavaScript.: Вильямс, 2002. - 895 с.

.        http: //college. biysk.secna.ru/fotoshop/chap_12.htm - Секреты графики web-узлов

.        http: //ru. wikipedia.org/wiki - Термины