1

Размещено на http://www.allbest.ru/

Размещено на http://www.allbest.ru/

• Содержание
• Введение
• 1. Анализ технического задания
• 1.1 Описание предметной области
• 1.2 Методы создания сайта
• 1.3 Выбор и сравнение программных платформ
• 2. Проектирование
• 2.1 Разработка структуры
• 2.2 Модель сайта
• 2.3 Разработка дизайна
• 3. Реализация сайта
• 3.1 Установка и настройка Joomla
• 3.2 Настройка расширений
• 3.3 Выбор хостинга
• 4. Безопасность системы
• 4.1 Основные понятия и виды информационной безопасности
• 4.2 Правовые основы защиты информации
• 4.3 Аппаратно-программные способы и средства обеспечения информационной безопасности веб-сайта
• 4.4 Использование алгоритмов шифрования данных
• 5. Экономическая часть
• 5.1 Цели и задачи экономической части
• 5.2 Календарный план работы
• 5.3 Расчет заработной платы программиста
• 5.4 Расчёт расходов на энергопотребление
• 5.5 Расчёт амортизационных отчислений
• 5.6 Общие затраты на создание информационного сайта
• 5.7 Определение отпускной цены программы
• Заключение
• Библиографический список

Введение

программа алгоритм сайт информационный

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

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

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

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

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

Объектом создания данного дипломного проекта является: разработка и размещение сайта в сети Интернет, на тему «Информационно-развлекательный сайт Шахтинской Открытой Лиги КВН «ШАОЛИнь»».

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

1. Анализ технического задания

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

1.1 Описание предметной области

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

У каждой системы есть свои особенности, при выборе средств создания основным критерием является вид деятельности создаваемого продукта. Поэтому, проанализировав, было выделено некоторое количество требований, обязательных к реализации в разрабатываемой системе информационно-развлекательно сайта Шахтинской Открытой Лиги КВН «ШАОЛИнь», основная задача сайта - это возможность для получения информации об играх Лиги и общения болельщиков, подробнее:

– возможность добавлять, изменять и удалять неограниченное количество материала, содержащего описание команд, участвующих в Лиге;

– возможность добавлять, изменять и удалять неограниченное количество статей, содержащих отчет о прошедших играх;

– рубрикация статей;

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

– возможность комментирования статей зарегистрированными пользователями;

– возможность размещения видео файлов, по средствам вставки html кода;

– возможность размещения фотогалереи;

– создание слайд-шоу;

– защита от взлома сайта;

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

Также при разработке необходимо снизить все затраты к минимуму, чтобы стоимость проекта составляла не более 40 тысяч рублей.

1.2 Методы создания сайта

Все методы создания сайтов можно условно разделить на 2 основные группы. Первая группа методов создания сайтов - это методы ручного написания сайтов на одном или нескольких языках веб-программирования. При этом работа осуществляется как в простых (текстовых), так и визуальных редакторах HTML и CSS. CSS позволяют создавать сайты в режиме WYSIWYG - «Что Вижу То и Получаю».

В случае статического сайта вполне достаточным для ручного написания будет использование «связки» HTML и CSS, с возможным включением Javascript. Для создания же динамического сайта не обойтись без серверных скриптов, таких как PHP, ASP.NET и т.д.

Создавать и редактировать вручную файлы.php можно даже в обычном «Блокноте», поставляемом с ОС Windows. Для работы с ASP.NET придется дополнительно установить программный продукт Microsoft Visual Studio, который приобретается отдельно.

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

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

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

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

Автоматизированные методы создания сайтов предусматривают разделение структуры сайта на «дизайн» и «контент». В этом случае легко можно изменять контент, не затрагивая дизайна сайта или его программного кода. При ручном создании сайта разделения структуры сайта на две отдельные «ветви» - дизайн и содержимое - не происходит.

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

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

Широкие возможности по созданию сайтов любой сложности предоставляют CMS. Именно этот метод создания сайтов по праву считается одним из наиболее удобных и практичных. Гибкая система настроек, возможность редактирования самой CMS или же отдельных ее элементов, легкость добавления и изменения контента - все это сделало создание сайтов на базе CMS по-настоящему эффективным. [1]

1.3 Выбор и сравнение программных платформ

На сегодняшний день существует множество различных CMS. В качестве критерия выбора можно выделить её распространение, то есть широкое использование системы в сети Интернет, которое косвенно говорит об её удобстве и безопасности. Кроме того, такие системы гарантированно будут иметь множество сообществ и форумов поддержки, что немаловажно в случае возникновения затруднений в работе. Ниже представим рейтинг систем управления контентом, для создания информационно-развлекательных сайтов, CMS magazine (аналитический портал рынка веб-разработок). Общий рейтинг CMS показан на рисунке 1.

Рисунок 1 - Общий рейтинг CMS

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

1С-Битрикс является коммерческим предложением и во много интегрировано с программами для бухгалтерии, склада и другого, не имеет смысла платить за то, что не будет использоваться при создании сайта и его дальнейшего использования. Данную CMS также не берем в рассмотрение.

Произведем разбор трех CMS предварительно подходящих под тип создаваемого сайта: WordPress, Joomla! и HostCMS.

Joomla! (джумла) -- система управления содержимым (CMS), написанная на языках PHP и JavaScript, использующая в качестве хранилища базы данных MySQL, а начиная с версии 2.5 и MsSQL. Является свободным программным обеспечением, распространяемым под лицензией GNU GPL. [3]

WordPress - система управления веб-содержимым с открытым исходным кодом, распространяемая под GNU GPL. Написан на PHP, в качестве базы данных использует MySQL. Сфера применения - от блогов до достаточно сложных новостных ресурсов и даже Интернет-магазинов. Встроенная система «тем» и «плагинов» вместе с удачной архитектурой позволяет конструировать практически любые проекты. WordPress выпущен под лицензией GPL версии 2. [4]

HostCMS - система управления контентом интернет-сайта. Система разработана и поддерживается компанией ООО «Хостмэйк». Распространяется под проприетарной лицензией с открытым исходным кодом. Является одной из старейших CMS на российском рынке. [5]

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

Теперь проведем сравнение этих систем на удовлетворения требованиям нашего проекта, указанным выше. Также сравним данные CMS на соответствие общим требованиям - безопасности в таблице 1.1.

Таблица 1.1 - Соответствие требования проекта CMS Joomla, WordPress и HostCMS

Требования	Joomla	WordPress	HostCMS
Размещение материала, содержащего описание команд	Создание материалов в которых будет возможность размещать как текстовую информацию, так и различные фото, и табличные материалы. (+)	Возможно создавать красочный, интересный материал с помощью встроенного редактора (+)	Вставка комментариев. Возможность загружать дополнительно фотографии и таблицы, но редактирование производится по средствам html (-)
Размещение статей, содержащих отчет о прошедших играх	Статьи можно добавлять как «материал» для сайта. (+)	Имеется возможность создавать как статические «страницы», так и «записи», располагающиеся на этих страницах. (+)	Статьи можно добавлять как «комментарии» для сайта. (-)
Рубрикация	Материалы разделяются по категориям (+)	Записям можно присваивать метки и относить их к рубрикам. Также можно конвертировать метки в рубрики и наоборот. (+)	Записям можно присваивать метки и относить их к папкам. (+)
Размещение комментариев	Есть возможность установки дополнительных плагинов для возможности размещения комментариев к статьям (+)	Есть возможность настройки и установки защита от спама. (+)	Возможность комментирования есть. Прописывается отдельно в xsl шаблоне (-)
Возможность размещения фотогалереи и слайд-шоу	Можно пользоваться стандартными возможностями, а можно устанавливать дополнительные плагины (+)	Можно пользоваться стандартными возможностями, а можно устанавливать дополнительные плагины и расширения (+)	Фотогалерею можно создать используя встроенные стредства (+)
Защита от взлома сайта	Joomla! защищена хорошо. Однако большое количество модулей встроенные дополнительно могут стать угрозой. (-)	Создано большое количество модулей низкого качества, которые могут стать причиной взлома. Однако продуманная система обновления модулей, позволяет быстро исправлять серьезные дыры в безопасности на всех сайтах, которые работают на WordPress (+)	Средства обеспечения безопасности для данной CMS описаны под таблицей
Распространение	Лицензия GNU GPL. Бесплатна для использования. (+)	Также распространяется по лицензии GNU GPL - бесплатна для использования. (+)	Имеется одна бесплатная и 4 коммерческих версии. (-)

Система управления HostCMS использует расширенные методы обеспечения безопасности:

– единая система авторизации и контроля прав доступа на уровне ядра системы;

– доступ по защищенному протоколу HTTPS (SSL/TLS);

– ограничение времени активности сессии применяется для пользователей центра администрирования и пользователей сайтов;

– привязка сессии к IP-адресу исключает использование сессии при перехвате её идентификатора злоумышленником;

– хранение сессий в базе данных исключает получение сессии из общего каталога хранения сессий виртуального хостинга;

– хранение паролей в виде хэш-кода1 исключает восстановление пароля в первоначальном виде;

– журналирование действий, осуществляемых в центре администрирования, событий и ошибок системы управления;

– минимальное ограничение на длину пароля пользователя центра администрирования составляет 5 символов.

HostCMS как видно из таблицы содержит больше минусов, чем плюсов по отношению к создаваемому сайту: малое количество плагинов и шаблонов, для реализации некоторых функция требуется дорогая корпоративная версия, поэтому данную систему для создания сайта «ШАОЛИнь» использовать не будем.

CMS Joomla, как видно из таблицы, при сравнимых с WordPress показателях безопасности и соответствия требованиям, все же является универсальной системой и её применение на проекте, функционал которого схож с информационно-развлекательным сайтом, будет наиболее универсальным вариантом.

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

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

2.1 Разработка структуры

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

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

1) «Главная» - страница, на которую пользователь попадает в первую очередь, вследствие чего она содержит основную информацию о проекте;

2) «Новости» - содержит новости Лиги;

3) «Команды» - страница содержит информацию о командах-участниках игр Шахтинской Открытой Лиги КВН;

4) «Медиа» - страница с различным мультимедийным содержимым:

– «Галерея» - содержит фотографии с игр;

– «Видео» - содержит ссылки на видео файлы;

– «On-line трансляция» - содержит чат для общения и On-line репортаж с игр;

– «Голосование»;

5) «Контакты» - страница содержит контактную информацию, по которой можно связаться с организаторами Лиги;

6) «Вход на сайт» - окно авторизации.

На рисунке 2 представлена полная структура сайта.

Рисунок 2 - Структура сайта

1.2 Модель сайта

Одним из важных моментов является разграничение прав доступа у различных категорий пользователей. Пользователей сайта проще всего разделить на 3 основные группы и 2 подгруппы:

1) гость;

2) зарегистрированный пользователь:

– болельщик;

– участник.

3) администратор.

Гость при входе на сайт обладает наименьшими правами. Он может только просматривать всю информацию: статьи, фото, видео и другое; пользоваться поиском. Первая роль гостя, для которой необходима возможность авторизации и соответственно регистрации - роль зарегистрированного пользователя. Администратор сайта будет производить разграничение прав доступа и разделит зарегистрировавшихся на 2 подгруппы.

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

Рисунок 3 - Диаграмма прецедентов категории «Гость»

Таблица 2.1 - Вариант использования «Просмотр информации»

Действие пользователя	Отклик системы
1. Пользователь выбирает интересующий пункт меню;	2. Система отображает выбранную пользователем страницу с информацией.

Таблица 2.2 - Вариант использования «Поисковая система»

Действие пользователя	Отклик системы
1. Пользователь в строке поиска вводит ключевые слова для поиска информации;	2. Система отображает список подходящих статей, фото и видео информации с данными ключевыми словами.

Таблица 2.3 - Вариант использования «Регистрироваться как болельщик»

Действие пользователя	Отклик системы
1. Пользователь выбирает пункт меню «Регистрация»;	2. Система отображает страницу с полями необходимыми для регистрации;
3. Пользователь заполняет поля;	4. Система отправляет уведомление о регистрации на почтовый ящик пользователя.

Рисунок 4 - Диаграмма прецедентов категории «Болельщик»

Таблица 2.4 - Вариант использования «Вход на сайт»

Действие пользователя	Отклик системы
1. Пользователь заполняет поля авторизации на текущей странице;	2. Система выполняет авторизацию пользователя.

Таблица 2.5 - Вариант использования «Просмотр информации»

Действие пользователя	Отклик системы
1. Пользователь выбирает интересующий пункт меню;	2. Система отображает выбранную пользователем страницу с информацией.

Таблица 2.6 - Вариант использования «Поисковая система»

Действие пользователя	Отклик системы
1. Пользователь в строке поиска вводит ключевые слова для поиска информации;	2. Система отображает список подходящих статей, фото и видео информации с данными ключевыми словами.

Таблица 2.7 - Вариант использования «Комментирование статей»

Действие пользователя	Отклик системы
1. Пользователь выбирает нужную статью «Комментировать»;	2. Система открывает поле «Комментирование»;
3. Пользователь заполняет поля и нажимает «Добавить комментарий»;	4. Система отображает новый комментарий.

Таблица 2.8 - Вариант использования «Голосование»

Действие пользователя	Отклик системы
1. Пользователь выбирает пункт меню «Голосование»;	2. Система отображает страницу со списком текущих и прошедших голосований;
3. Пользователь выбирает нужный ему результат и нажимает «Голосовать»;	4. Система отображает страницу с рейтингом голосов на текущий момент.

Таблица 2.9 - Вариант использования «Редактировать профиль»

Действие пользователя	Отклик системы
1. Пользователь выбирает пункт «Форма пользователя»;	2. Система отображает страницу с информацией о пользователе;
3. Пользователь вносит необходимые изменения в профиль и нажимает на кнопку «Сохранить»;	4. Система отображает измененную информацию о профиле.



Рисунок 5 - Диаграмма прецедентов категории «Участник»

Таблица 2.10 - Вариант использования «Вход на сайт»

Действие пользователя	Отклик системы
1. Пользователь заполняет поля авторизации на текущей странице;	2. Система выполняет авторизацию пользователя.

Таблица 2.11 - Вариант использования «Просмотр информации»

Действие пользователя	Отклик системы
1. Пользователь выбирает интересующий пункт меню;	2. Система отображает выбранную пользователем страницу с информацией.

Таблица 2.12 - Вариант использования «Поисковая система»

Действие пользователя	Отклик системы
1. Пользователь в строке поиска вводит ключевые слова для поиска информации;	2. Система отображает список подходящих статей, фото и видео информации с данными ключевыми словами.

Таблица 2.13 - Вариант использования «Комментирование статей»

Действие пользователя	Отклик системы
1. Пользователь выбирает нужную статью «Комментировать»;	2. Система открывает поле «Комментирование»;
3. Пользователь заполняет поля и нажимает «Добавить комментарий»;	4. Система отображает новый комментарий.

Таблица 2.14 - Вариант использования «Просмотр графиков прогона»

Действие пользователя	Отклик системы
1. Пользователь выбирает пункт меню «Для команд»;	2. Система отображает страницу с информацией о прогонах номеров;
3. Пользователь может скачать отдельным файлом ближайшее расписание репетиций, нажав на документ;	4. Система открывает окно скачивания файла.

Таблица 2.15 - Вариант использования «Редактировать профиль»

Действие пользователя	Отклик системы
1. Пользователь выбирает пункт «Форма пользователя»;	2. Система отображает страницу с информацией о пользователе;
3. Пользователь вносит необходимые изменения в профиль и нажимает на кнопку «Сохранить»;	4. Система отображает измененную информацию о профиле.

Рисунок 6 - Диаграмма прецедентов категории «Администратор»

Таблица 2.16- Вариант использования «Вход на сайт»

Действие пользователя	Отклик системы
1. Пользователь заполняет поля авторизации на текущей странице;	2. Система выполняет авторизацию пользователя.

Таблица 2.17 - Вариант использования «Изменить страницы»

Действие пользователя	Отклик системы
1. Пользователь выбирает пункт меню «Администрирование»;	2. Система отображает панель администрирования;
3. Пользователь выбирает пункт меню «Страницы»;	4. Система отображает панель работы со страницами, составляющими сайт;
5. Пользователь вносит изменения и нажимает кнопку «Обновить»;	6. Система производит обновления в соответствии с внесенными изменениями.

Таблица 2.18 - Вариант использования «Изменить внешний вид сайта»

Действие пользователя	Отклик системы
1. Пользователь выбирает пункт меню «Администрирование»;	2. Система отображает панель администрирования;
3. Пользователь выбирает пункт меню «Внешний вид»;	4. Система отображает панель управления внешним видом сайта;
5. Пользователь вносит изменения и нажимает кнопку «Обновить»;	6. Система производит обновления в соответствии с внесенными изменениями.

Таблица 2.19 - Вариант использования «Изменить настройки плагинов»

Действие пользователя	Отклик системы
1. Пользователь выбирает пункт меню	2. Система отображает панель
«Администрирование»;	администрирования;
3. Пользователь выбирает пункт меню «Плагины»;	4. Система отображает панель управления плагинами сайта;
5. Пользователь вносит изменения и нажимает кнопку «Обновить»;	6. Система производит обновления в соответствии с внесенными изменениями.

Таблица 2.20 - Вариант использования «Изменить состав пользователей сайта»

Действие пользователя	Отклик системы
1. Пользователь выбирает пункт меню «Администрирование»;	2. Система отображает панель администрирования;
3. Пользователь выбирает пункт меню «Пользователи»;	4. Система отображает панель управления пользователями сайта;
5. Пользователь либо добавляет нового пользователя, либо удаляет существующего пользователя, либо редактирует существующего пользователя;	6. Система производит обновления в соответствии с внесенными изменениями.

Таблица 2.21 - Вариант использования «Изменить параметры системы»

Действие пользователя	Отклик системы
1. Пользователь выбирает пункт меню «Администрирование»;	2. Система отображает панель администрирования;
3. Пользователь выбирает пункт меню «Параметры»;	4. Система отображает панель параметров системы;
5. Пользователь вносит изменения и нажимает кнопку «Обновить»;	6. Система производит обновления в соответствии с внесенными изменениями.

Таблица 2.22 - Вариант использования «Изменить параметры учетной записи»

Действие пользователя	Отклик системы
1. Пользователь выбирает пункт меню «Администрирование»;	2. Система отображает панель администрирования;
3. Пользователь выбирает пункт меню «Ваш профиль»;	4. Система отображает страницу с данными о профиле;
5. Пользователь вносит изменения в профиль и нажимает на кнопку «Обновить профиль»;	6. Система обновляет параметры учетной записи.

Таблица 2.23 - Вариант использования «Добавить статью»

Действие пользователя	Отклик системы
1. Пользователь выбирает пункт меню «Добавить статью»;	2. Система отображает страницу «Добавить статью»;
3. Пользователь заполняет поля с информацией о статье и нажимает «Сохранить»;	4. Система отображает уведомление о добавлении статьи.

Таблица 2.24 - Вариант использования «Опубликовать статью»

Действие пользователя	Отклик системы
1. Пользователь выбирает пункт меню «Опубликовать статью»;	2. Система отображает страницу со списком опубликованных и неопубликованных статей;
3. Пользователь нажимает кнопку «Опубликовать статью»;	4. Система производит публикацию статей.

Таблица 2.25 - Вариант использования «Снять статью с публикации»

Действие пользователя	Отклик системы
1. Пользователь выбирает пункт меню «Опубликовать статью»;	2. Система отображает страницу со списком опубликованных и неопубликованных статей;
3. Пользователь нажимает кнопку «Снять с публикации»;	4. Система снимает статью с публикации.

2.3 Разработка дизайна

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

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

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

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

1) Красный - в основном связан с азартом, смелостью и желанием. Красный цвет любви, силы, энергии, лидерства и волнения. Это сильный цвет, и обозначает также некоторые негативные эмоции: опасность, тревогу.

2) Голубой - терпение, мир, спокойствие, надежность, любовь, стабильность. Один из самых любимых цветов, особенно у мужчин. Это связано со стабильностью и глубиной, профессионализмом, доверием.

3) Желтый - цвет, который чаще всего ассоциируется с живостью. Энергичный, дает ощущение счастья. Кроме того, он ассоциируется с любопытством, развлечением, радостью, интеллектом, осторожностью.

4) Оранжевый - бодрость и творчество. Ассоциируется с дружелюбием, уверенностью, игривостью, мужеством, стойкостью.

5) Фиолетовый - традиционно ассоциируется с властью, благородством и богатством. Мудрость, независимость, благородство, роскошь, честолюбие, достоинство, магия и тайны.

6) Зеленый - цвет гармонии, природы, исцеления, жизни, питания и здоровья. Кроме того, часто связан с деньгами.

7) Коричневый - цвет релаксации и уверенности. Коричневый означает приземленность, природу, долговечность, комфорт, надежность.

8) Серый - вызывает чувство серьезности, консерватизма и традиционализма. Возбуждает ощущение чистоты и невинности.

9) Розовый - выражает нежность, романтичность, женственность, пассивность, привязанность, воспитание, слабость.

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

11) Белый - связан с чистотой, простотой, свежестью, добротой, невинностью.

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

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

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

– также важно использовать достаточное количество цветов, минимальное количество цветов может способствовать «серости» сайта;

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

– можно найти дополнительные цветовые схемы из наблюдений за природой - естественные цвета смотрятся привлекательно и органично. [7]

На основе всего вышесказанного было решено использовать сочетание четырех цветов: оранжевого, желтого, белого и коричневого. Для этого в проекте будет использоваться так называемый шаблон Joomla! - «YT STEAM» от YOOtheme, представленный на рисунке 7.

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

Схема переработанного шаблона представлена на рисунке 8.

Рисунок 7 - Шаблон «YT STEAM» от YOOtheme



Рисунок 8 - Схема страницы

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



Рисунок 9 - Логотип сайта

Для написания заголовков будут использоваться стандартные шрифты H1, H2 и H3. Для шрифтов меню и текста сайта используются: Tahoma, Geneva (рисунок 10).

Рисунок 10 - Пример шрифтов

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

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

1) производить мониторинг количества записей, страниц, комментариев, сообщений;

2) менять тему оформления системы;

3) производить обновление системы управления контента Joomla;

4) отслеживать наличие новых комментариев, внешних ссылок, черновиков статей;

5) отслеживать наличие новой технической документации о системе управления контентом Joomla;

6) производить быструю публикацию новостей проекта.

Рисунок 11 - Панель администратора

На рисунке 12 представлен инструмент «Все меню», который обеспечивает возможность администратору работать со страницами, составляющими систему. Используя данное средство, администратор может создавать новые страницы, удалять и редактировать существующие. Редактирование страниц системы может проводиться, как в визуальном виде, так и в режиме редактирования HTML/PHP кода.



Рисунок 12 - Все меню

На рисунке 13 представлен «Менеджер материалов» - это универсальный раздел, который позволяет сразу увидеть все материалы, которые были загружены на сайт, есть возможность отключать/включать нужные, выбирать порядок публикации, а так же можно легко узнать в каком разделе и в какой категории находится нужный материал.

Рисунок 13 - Менеджер материалов

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

– манипулирование административной панелью;

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

– манипулирование меню системы.

Рисунок 14 -Внешний вид системы

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

Данное средство предполагает следующий функционал:

– поиск, добавление, удаление плагинов;

– активирование и дезактивирование плагинов;

– настройка некоторых плагинов.



Рисунок 15 - Менеджер плагинов

На рисунке 16 представлен инструмент «Пользователи системы», который позволяет манипулировать пользователями системы. Данное средство позволяет администратору выполнять следующие действия:

– просматривать библиотеку существующих пользователей и при необходимости редактировать их профили;

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

– добавлять новых пользователей;

– изменять собственный профиль.

Рисунок 16 - Пользователи системы

На рисунке 17 представлено средство системы управления контентом «Инструменты», которое позволяет администратору выполнять следующие операции:

– прочитать сообщения;

– написать сообщения;

– воспользоваться массовой рассылкой;

– сброс блокировок;

– очистить/удалить кэш.

Рисунок 17 - Инструменты системы

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

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

– производить настройку написания, чтения и обсуждений;

– производить настройку библиотеки медиафайлов;

– настраивать приватность в системе;

– изменять системные настройки;

– изменять настройки сервера;

– настраивать некоторые плагины системы.



Рисунок 18 - Общие настройки

3. Реализация сайта

3.1 Установка и настройка Joomla!

Чтобы начать установку, нужно сначала скачать с официального сайта дистрибутив Joomla 2.5, который доступен по адресу http://joomla.ru/joomla25.html

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

Загрузить дистрибутив Denwer можно на страничке официального сайта http://www.denwer.ru., показанной на рисунке 19.

Рисунок 19 - Официальный сайт Denwer

После нажатия кнопки «Скачать Денвер 3», выбираем версию PHP и скачиваем. Процесс может быть выполнен после простой регистрации, после чего ссылка придет на адрес электронной почты, указанной при этой регистрации.

Когда Денвер установлен, рисунок 20, можно переходить к дальнейшим действиям, чтобы понять, как создать сайт на Joomla. Нужно перейти в папку home установленной программы. Адрес по умолчанию этой папки - С:\WebServers\home. В этой папке создаем папку с названием будущего сайта liga. Далее в ней еще одну папку - www. Непосредственно в эту папку копируем файлы из дистрибутива Joomla. Распаковав все файлы образца, а по указанному адресу, получится такой результат.

Рисунок 20 - Установка Denwer

Далее начинаем непосредственную установку Joomla. Для этого нужно запустить Start Denwer на рабочем столе. Открываем браузер и задаем в адресную строку http://127.0.0.1/denwer/. Откроется страница, прокручиваем ее до тех пор, пока не будет видна строка «phpMyAdmin - администрирование СУБД», нажимаем ее.

Попадаем на страницу, с которой переходим на левую верхнюю вкладку «База данных». Появится поле для ввода новой базы данных. Вводим туда название латинскими буквами (liga - в нашем случае). Нажимаем кнопку «Создать». Так мы создали базу данных, необходимую для работы сайта.

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



Рисунок 21 - Установка Joomla

Попав на страничку настройки FTP, в нашем случае, можно пропустить, так как Денвер не имеет FTP-сервера. Переходим к следующему этапу.

Дальше вводим название сайта, e-mail и пароль администратора. Затем снова нажимаем «Далее».

Окна установки представлены на рисунке 21 и 22.

Рисунок 22 - Установка Joomla

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

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

Чтобы управлять сайтом, в том числе сменить шаблон (дизайн и структуру), нужно ввести такой адрес:http:// liga /administrator. Следует ввести логин и пароль администратора, которые вводились при установке Joomla. Таким образом, мы попадем в административный раздел, с которой и будет осуществляться управление сайтом.

Рисунок 23 - Входа Joomla

Когда система управления сайта установлена, можно заменить стандартный шаблон на требующийся нам. В данном случае, мы используем новостной шаблон «YT STEAM». После его скачивания на компьютер, файл нужно разархивировать, так как в нем есть еще архивы и дополнительные модули. Далее нужно в Админ-панели перейти: «Расширения - Установить/Удалить».



Рисунок 24 - Менеджер расширений

Нажимаем «Выберите файл», находим архив шаблона на компьютере и нажимаем «Загрузить файл & Установить» (рисунок 24).

После активации плагинов и модулей, следует задействовать для отображения установленный шаблон сайта. Заходим «Расширения - Менеджер шаблонов». Выбираем наш шаблон «YT STEAM» и устанавливаем его по умолчанию. [8]

3.2 Настройка расширений

Настройка Joomla начинается с настройки компонентов.

Чтобы активировать плагины/модули, нужно перейти «Расширения - Менеджер плагинов/модулей». Напротив установленного плагина/модуля должна быть установлена галочка.

Если кликнуть по шаблону, можно перейти к его главным настройкам. Например, выбрать цветовую схему.

Дополнительно будут установлены следующие расширения:

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

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

– слайдшоу Widgetkit слайдер, обладающим гибкими настройками, в основе которых лежат технологии CSS3 и HTML5;

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

– галерея изображений WidgetKit позволит автоматически публиковать фото на сайт;

– WidgetKit Lightebox функциональное расширение для просмотра изображений, HTML и различных материалов мультимедиа на темном фоне без перехода на другую страницу;

– Spotlight WidgetKit обеспечит удобное размещение надписей и подсказок к изображениям. Он обладает эффектом открытия во время наведения курсора. [9]

Любой из этих модулей может быть отредактирован в разделе «Расширения - Менеджер модулей».

Для реализации функции слайдшоу было решено использовать стороннее расширение «Widgetkit».

На рисунке 25 представлена панель плагина «Widgetkit».

Рисунок 25 - Панель плагина «Widgetkit».

Модуль Slideset WidgetKit будет использован для показа на главной странице фотографий участников. У нас есть возможность ввести название всего элемента и затем каждого слайда отдельно, а так же имя, которое будет отображаться. В основном поле, возможно, вставлять нужную информацию, в нашем случае это фотографии участников лиги. Панель настроек данного модуля дает возможность:

– управлять стилем;

– управлять шириной и высотой;

– задавать с каким эффектом будет производиться показ;

– задать с какого слайда начнется;

– задать интервал, с которым будут менять слайды;

– установить показывать или не показывать навигацию;

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

– установить показывать или не показывать имя.

На рисунке 26 представлен пример настроек модуля Slideset WidgetKit.

Рисунок 26 - Модуль Slideset WidgetKit

Для того, чтобы иметь возможность вставлять видео со сторонних сайтов будет использоваться AllVideos. Этот плагин позволяет вставлять видео в материалах сайта с популярных сервисов, осуществляющих хостинг видео, и собственного содержимого, хранящегося в локальных директориях сайта или на удаленных серверах. Воспроизведение файлов осуществляется посредством вставки соответствующего кода в материал (статью) (рисунок 27)

Рисунок 27 - Размещение видео

Физическая структура сайта представлена на рисунке 28.



Рисунок 28 - Физическая структура сайта

«www» - это корневой каталог, в котором находится основной файл index.php во многом отвечающий за работу сайта и запускаемый в первую очередь.

«yoo_steam» - это каталог шаблона сайта, он содержит все цветовое наполнение, используемые шрифты, анимацию.

«css» - это очень важный каталог, в котором хранятся все файлы кода страниц.

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

Файлы archive.php, index.php, configuration.php, copyright.php, component.php, config.php, error.php, raw.php, style.css, ie.css являются собственными файлами используемой темы и определяют её дизайн и особенности.

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

3.3 Выбор хостинга

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

Система управления содержимым Joomla! версии 2.6, предъявляет следующие минимальные требования к хостингу:

– Apache 2.0 и выше;

– PHP 5.2.4 и выше;

– MySQL 5.0.4 и выше.

Выбор хостинга будет производиться среди 3 хостинг-провайдеров: RadiusHost, «Джино» и 1Gb.ru.

Хостинг-провайдер RadiusHost имеет три собственных дата-центра в Москве. Центры обработки данных RadiusHost оснащены современным серверным оборудованием. Спроектированы с учетом резервного электропитания, эффективного кондиционирования, уровень надёжности соответствует международным стандартам TIER III. Есть возможность воспользоваться бесплатным и платным хостингом. Платный хостинг от RadiusHost -предлагает стандартный набор хостинг-услуг, а также постоянно расширяем список предоставляемых сервисов.

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

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

В «Джино» вы сами выбираете, какие услуги и в каком объеме приобретать.

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

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

Хостинг «Джино» полностью автоматизирован: выбранные вами функции включаются и выключаются моментально.

Есть возможность устанавливать самые популярные веб-приложения -- CMS, форумы, блоги.

«Джино» размещает сайты клиентов только на собственном оборудовании, за которое полностью отвечает. [11]

1Gb.ru - профессиональный хостинг на основе самых прогрессивных технологических решений, способный удовлетворить любые современные требования.

Соответствие всем требованиям, тестовый период перед покупкой 10 дней. Возможность вручную выбирать параметры.

Проанализировав все хостинги, было принято решение о размещении сайта на 1Gb.ru. [12]

4. Безопасность системы

4.1 Основные понятия и виды информационной безопасности

Слово “безопасность” латинского происхождения - secure (securus). Затем в английском языке оно получило написание “security”.

Общеизвестно, что “безопасность” - это отсутствие опасности; состояние деятельности, при которой с определённой вероятностью исключено причинение ущерба здоровью человека, зданиям, помещениям и материально-техническим средствам в них.

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

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

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

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

– конфиденциальность критической информации;

– целостность информации и связанных с ней процессов (создания, ввода, обработки и вывода);

– доступность информации в случае необходимости;

– учет всех процессов, связанных с информацией.

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

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

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

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

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

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

Аутентификация - процедура проверки является ли человек тем, за кого он себя выдал при идентификации.

Идентификация - процедура опознавания человека объектом информатизации.

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

Права доступа - определенный вид характеристики учетной записи и файлов, которая определяет нормативы доступа (право на чтение, изменение, удаление и т.п.) к информации при объекте информатизации.

Учетная запись (аккаунт) - совокупность имени и пароля конкретного человека для определенного объекта информатизации в целях обеспечения идентификации и аутентификации этого человека.

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

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

Источниками внутренних угроз являются:

– сотрудники организации;