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