2Проектирование
2.1Разработка структуры
Разработка структуры сайта включает все, что касается его содержимого и информационной стратегии, определяющей, как должна быть организована информация, чтобы пользователи сайта могли найти ее легко и быстро.
Разбивка и классификация страниц напрямую определяются содержимым сайта, а способ, которым организован контент, определяет процесс структурирования. При разработке необходимо брать во внимание, что некоторые люди быстро «пролистывают» веб-сайты, оценивая разные компании, другие медленно «прогуливаются» по сайту, словно по магазину, а третьи приходят на сайт с конкретной целью: найти нужную информацию. Независимо от конкретной задачи необходимо организовать структуру так, чтобы пользователи были ясно и просто направлены к разыскиваемым данным. Структура проектируемого сайта:
«Главная» – страница, на которую пользователь попадает в первую очередь, вследствие чего она содержит основную информацию о проекте;
«Новости» – содержит новости Лиги;
«Команды» – страница содержит информацию о командах-участниках игр Шахтинской Открытой Лиги КВН;
«Медиа» – страница с различным мультимедийным содержимым:
«Галерея» - содержит фотографии с игр;
«Видео» - содержит ссылки на видео файлы;
«On-line трансляция» - содержит чат для общения и On-line репортаж с игр;
«Голосование»;
«Контакты» – страница содержит контактную информацию, по которой можно связаться с организаторами Лиги;
«Вход на сайт» – окно авторизации.
На рисунке 2 представлена полная структура сайта.
Рисунок 2 – Структура сайта
2.2Модель сайта
Одним из важных моментов является разграничение прав доступа у различных категорий пользователей. Пользователей сайта проще всего разделить на 3 основные группы и 2 подгруппы:
гость;
зарегистрированный пользователь:
болельщик;
участник.
администратор.
Гость при входе на сайт обладает наименьшими правами. Он может только просматривать всю информацию: статьи, фото, видео и другое; пользоваться поиском. Первая роль гостя, для которой необходима возможность авторизации и соответственно регистрации – роль зарегистрированного пользователя. Администратор сайта будет производить разграничение прав доступа и разделит зарегистрировавшихся на 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. Система открывает поле «Комментирование»; |
Продолжение таблицы 2.13
Действие пользователя |
Отклик системы |
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. Система отображает панель управления плагинами сайта; |
Продолжение таблицы 2.19
Действие пользователя |
Отклик системы |
5. Пользователь вносит изменения и нажимает кнопку «Обновить»; |
6. Система производит обновления в соответствии с внесенными изменениями. |
Таблица 2.20 – Вариант использования «Изменить состав пользователей
сайта»
Действие пользователя |
Отклик системы |
1. Пользователь выбирает пункт меню «Администрирование»; |
2. Система отображает панель администрирования; |
3. Пользователь выбирает пункт меню «Пользователи»; |
4. Система отображает панель управления пользователями сайта; |
5. Пользователь либо добавляет нового пользователя, либо удаляет существующего пользователя, либо редактирует существующего пользователя; |
6. Система производит обновления в соответствии с внесенными изменениями. |
Таблица 2.21 – Вариант использования «Изменить параметры системы»
Действие пользователя |
Отклик системы |
1. Пользователь выбирает пункт меню «Администрирование»; |
2. Система отображает панель администрирования; |
3. Пользователь выбирает пункт меню «Параметры»; |
4. Система отображает панель параметров системы; |
Продолжение таблицы 2.21
Действие пользователя |
Отклик системы |
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. Система снимает статью с публикации. |