Глава 3 Проектирование структуры и сервисов сайта ателье
3.1 Характеристика ателье «Диапазон-Театральный костюм»
Общество с ограниченной ответственностью «Диапазон-Театральный костюм» является одним из ведущих профессиональных фирм Поволжья, работающих с 1995 года над производством следующих изделий:
сценических, народных, танцевальных, исторических, эстрадных, карнавальных, цирковых костюмов;
повседневных костюмов для детей и взрослых;
головных уборов;
корпоративной и форменной одежды;
нарядной и вечерней одежды;
свадебных платьев;
"одежды" сцены и окон (занавесы, кулисы, ламбрекены и т.д.).
Кроме того, ателье «Диапазон-Театральный костюм» производит текстильное оформление помещений и имеет свой магазин, где реализуется продажа итальянских тканей – магазин «Браво». Территориально он расположен в Саратове.
Целевой аудиторией ателье, по большей части, являются клиенты возрастом 25 – 45 лет, преимущественно женского пола, со средним уровнем дохода, имеющие социальный статус выше среднего.
3.2 Анализ требований заказчика
При создании сайтов первым этапом можно назвать идею, концепцию создаваемого ресурса. В этом случае стоит определиться, как будет выглядеть сайт, какие задачи будут с помощью него решаться.
Чтобы оправдать ожидания заказчика, необходимо отталкиваться от его требований. Сбор требований, пожалуй, один из самых важных этапов создания интернет-сайтов. От того, насколько точно и полно будут учтены все пожелания заказчика в процессе проектирования сайта, и будет зависеть итоговый результат.
Основная цель создаваемого сайта ателье «Диапазон-Театральный костюм» – привлечение в ателье новых клиентов и установление долговременных отношений с уже существующими клиентами. Для достижения данной цели сайт должен решать следующие задачи.
Предоставление информации об ателье и его услугах
Развитие интернет-магазина с целью дальнейшей реализации товара (тканей). По требованию заказчика оплата товара, приобретенного через интернет-магазин, должна осуществляться наличными средствами по факту получения клиентом.
Привлечение внимания аудитории с помощью интерактивного приложения.
На основе проведенного анализа аналогичных сайтов и требований заказчика были выделены основные группы пользователей и функции, к которым они имеют доступ. Данные требования оформлены в виде диаграммы вариантов использования на языке UML (рисунок 3.2.1).
Рисунок 3.2.1 – Диаграмма вариантов использования для сайта ателье «Диапазон-Театральный костюм»
На диаграмме показаны три действующих лица:
зарегистрированный пользователь;
незарегистрированный пользователь;
администратор.
Существует также десять основных действий, к которым действующие лица имеют доступ: авторизация, регистрация, оформление заказа, просмотр общей информации, поиск ткани по определенным критериям, управление личным кабинетом, возможность оставлять комментарии, редактирование информации на сайте и создание модели
Рассмотрим действия более подробно.
1. «Авторизация» - вход пользователя в систему.
Система запрашивает имя пользователя и пароль.
Пользователь вводит имя и пароль.
Система проверяет имя и пароль, после чего открывается доступ в систему.
Если во время выполнения действия обнаружится, что пользователь ввел неправильное имя и/или пароль, система выводит сообщение об ошибке. Пользователь может вернуться к началу процедуры или отказаться от входа в систему.
2. «Регистрация» - процесс регистрации нового пользователя в системе.
Система выводит форму для регистрации.
Пользователь вводит данные.
Система проверяет наличие всей необходимой информации для регистрации пользователя в системе, после чего открывается доступ в систему.
Если во время выполнения действия обнаружится, что пользователь ввел неполные данные, система выводит сообщение об ошибке. Пользователь может вернуться к началу процедуры или отказаться от регистрации в системе.
3. «Оформление заказа» - процесс оформления заказа через интернет.
Система предлагает пользователю просмотреть один из двух каталогов тканей – «Новые ткани» и «Скидки».
Пользователь выбирает интересующий его каталог.
Система выводит ткани, представленные в выбранном каталоге, а также систему поиска ткани по следующим критериям: цена, тип, производитель, цвет, рисунок.
Пользователь выбирает интересующие его характеристики и находит нужную ткань.
Система добавляет ткань в корзину и выводит форму заказа.
Пользователь проходит регистрацию (или авторизацию, если он уже зарегистрирован в системе) и заполняет необходимые данные (адрес доставки).
Система проверяет наличие всей информации для совершения заказа и переходит к способу оплаты.
Пользователь выбирает оплату «Наличными при получении».
Система переходит к способу доставки.
Пользователь выбирает «обычную» или «экспресс» доставку.
Система выводит полную информацию о заказе.
Пользователь подтверждает информацию и отправляет заказ администрации ателье.
Далее администрация непосредственно связывается с заказчиком, и взаимодействие происходит вне разработанной системы.
Если процесс выполнен успешно, пользователь отправляет заказ в систему.
Если во время выполнения действия обнаружится, что пользователь ввел неполные данные, система выводит сообщение об ошибке. Пользователь может вернуться к началу процедуры или отказаться от совершения заказа.
4. «Просмотр общей информации» - процесс просмотра общей информации на сайте.
Система представляет вниманию пользователя возможные для посещения страницы, ресурсы, галереи и приложения.
Главная страница сайта, содержащая общую информацию.
«Фотогалерея» – каталог работ ателье «Диапазон-Театральный костюм».
«Создание модели» - возможность создать модель одежды для танго;
«Наш магазин» - информация о магазине тканей.
«Интернет-магазин», предоставляющий возможность незарегистрированным пользователям ознакомиться с ассортиментом тканей, а зарегистрированным пользователям – заказать интересующую ткань.
«Доставка и оплата» - информация о сроках доставки товара и стоимости.
«Контакты» - информация о месторасположении ателье, контактные адреса и телефоны.
Пользователь просматривает информацию на сайте.
Если действие выполнено успешно, пользователь ознакомится со всей информацией, представленной на сайте.
5. «Поиск тканей по определенным критериям» - процесс просмотра каталога тканей по определенным критериям.
Система выводит ткани, представленные в выбранном каталоге, а также систему поиска ткани по следующим критериям: цена (пользователь может прописать минимальную и максимальную стоимость ткани); тип (атлас, бархат, батист, вельвет, гипюр, джинса, жаккард, креп, кружево, лен, лорден, макраме, хлопок, шелк, шифон), производитель (Россия, Италия, Китай), цвет (светлый, яркий, темный), рисунок (с рисунком, без рисунка).
Пользователь выбирает интересующие его характеристики и находит нужную ткань.
Система формирует многообразие товара, исключая лишнее, т. е. вниманию пользователя представлены только те товары, которые он отметил.
Если вариант использования выполнен успешно, пользователь нашел интересующую его ткань методом исключения лишних товаров.
6. «Управление личным кабинетом» - процесс управления информацией, который осуществляет зарегистрированный пользователь.
Система предлагает пользователь авторизоваться.
Пользователь проходит авторизацию.
Система открывает доступ пользователю в личный кабинет.
Пользователь редактирует информацию в личном профиле и просматривает совершенные заказы.
Если вариант использования выполнен успешно, пользователь получил возможность редактировать личную информацию и состояние заказа.
7. «Возможность оставлять комментарии» - процесс комментирования представленных в интернет-магазине товаров.
Система выводит информацию о товаре и форму для размещения отзыва.
Пользователь заполняет необходимые поля и пишет комментарий.
Система публикует комментарий пользователя.
Если пользователь не зарегистрирован в системе, он не сможет оставить отзыв. Если пользователь регистрируется как «Администратор», он имеет возможность удалить комментарий.
Если процесс выполнен успешно, пользователь опубликует отзыв в разделе «информация о товаре».
8. «Редактирование информации на сайте» - процесс редактирования информации на сайте администратором.
Система предлагает пользователь авторизоваться.
Пользователь авторизуется как «Администратор»
Система выводит информацию на сайте, рядом с которой расположен значок редактирования.
Пользователь редактирует нужную информацию и сохраняет.
Система публикует обновленную информацию на сайте.
Если процесс выполнен успешно, пользователь будет иметь возможность редактировать информацию.
9. «Создание модели» - процесс создания модели одежды для танго. Для того, чтобы более детально рассмотреть этот процесс, была спроектирована UML диаграмма приложения «Создание модели» (рисунок 3.2.2).
Рисунок 3.2.2 – UML диаграмма приложения «Создание модели»
На диаграмме показано одно действующее лицо. Существует также пять основных действий, к которым пользователь имеют доступ: просмотр и выбор моделей топов, просмотр и выбор моделей юбок, возможность комбинировать цвета юбок и топов, печать готовой модели, отправка модели по электронной почте.
Рассмотрим действия более подробно.
1. «Просмотр и выбор моделей топов» - начинает выполняться, когда пользователь переходит на страницу с приложением.
Система выводит возможные варианты топов.
Пользователь выбирает интересующую его модель.
Система отображает модель топа на девушке-модели.
Если процесс выполнен успешно, пользователь выбирает интересующий топ.
2. «Просмотр и выбор моделей юбок» - начинает выполняться, когда пользователь переходит на страницу с приложением.
Система выводит возможные варианты юбок.
Пользователь выбирает интересующую его модель.
Система отображает модель юбки на девушке-модели.
Если процесс выполнен успешно, пользователь выбирает интересующую юбку.
3. «Возможность комбинировать цвета юбок и топов» - начинает выполняться, когда пользователь создал понравившуюся ему модель одежды для танго.
Система предоставляет возможность выбрать цвета отдельно для топов и отдельно для юбок.
Пользователь комбинирует различные цвета.
Если процесс выполнен успешно, пользователь получает готовую модель одежды для танго в понравившемся цвете.
4.«Печать готовой модели» - начинает выполняться, когда пользователь создал понравившуюся ему модель одежды для танго.
Система предоставляет возможность распечатать результат.
Пользователь распечатывает полученную модель.
Если процесс выполнен успешно, пользователь получает распечатанную модель одежды для танго.
5. «Отправка модели по электронной почте» - начинает выполняться, когда пользователь создал понравившуюся ему модель одежды для танго.
Система предоставляет возможность отправить модель администрации ателье по электронной почте.
Пользователь отправляет модель.
Если процесс выполнен успешно, пользователь отправляет по электронной почте модель одежды для танго.
На основе сформулированный требований к функциям сайта и информационному наполнению (см. вариант использования «Просмотр общей информации»), была спроектирована структура сайта (рисунок 3.2.3).
Рисунок 3.2.3 – Структура сайта
«Главная страница» - демонстрирует общую информацию об ателье и отображает блок авторизации для входа в личный кабинет.
«Фотогалерея» - демонстрирует пользователю галерею работ ателье.
«Создание модели» реализуется вариантом использования «Создание модели».
«Наш магазин» - отображает информации о магазине тканей.
«Контакты» - содержит информацию о месторасположении ателье, контактные адреса и телефоны.
«Карта сайта» - помогает пользователю сориентироваться на сайте и позволяет легко находить нужную информацию.
«Интернет-магазин тканей» реализуется вариантом использования «Оформление заказа».
«Доставка и оплата» - отображает информацию о сроках доставки товара и стоимости.