44
2.2. Построение подсистем магазина
Самое главное в любом интернет - магазине – удобство для покупателя.
Пользовательская часть магазина будет разработана простой в использовании и
понятной любому интернет – пользователю. У пользователя не должно возникать
вопросов по поводу того, как найти продукт и как оформить заказ. Пользователю
интернет–магазина будут предоставлены следующие ресурсы: каталог товаров и
корзина покупок [7].
На рисунке будут представлены операции доступны зарегистрированному и
незарегистрированному пользователям. Общие операции доступные двум типам
пользователей:
поиск товара по каталогу, может осуществляться по нескольким
критериям (по названию книги, по автору);
добавление товара в корзину покупок;
просмотр содержимого корзины;
изменение содержимого корзины;
оформление покупки.
Незарегистрированному пользователю доступна также операция
регистрации.
Зарегистрированному пользователю доступны операции:
отзывы о товарах или работе магазина;
изменение своей учетной записи;
просмотр архива своих заказов;
получение на почтовый ящик новостей магазина.
Интересным аспектом взаимодействия с пользователем магазина является
корзина посетителя, она будет использоваться в том случае, если посетитель
выбирает товар для покупки, в таком случае корзина используется для того, чтобы
посетитель откладывал единицы товара в свою электронную корзину, щелкая
кнопку с надписью «Купить» или с аналогичной надписью. При этом выбранный
товар сохраняется в памяти электронной корзины. Необходимо предусмотреть, что
в любой момент времени посетитель может изменить содержимое корзины,
добавив туда еще одно издание или удалив предыдущее.
45
Для пользованием ресурсами магазина, а также для оформления покупки
посетитель должен быть обязательно зарегистрированным, регистрация может
осуществляться в любой момент посещения сайта, но выполняться только один раз
– после регистрации посетитель будет пользоваться своими логином и паролем для
входа на сайт. При регистрации посетитель должен указать следующие данные:
– фамилия;
– имя;
– отчество;
– e-mail;
– телефон.
После проверки данных системой управления сайтом полей (больше на их
заполнение), подсистема сгенерирует и отправит письмо с данными для входа на
сайт, после этого, посетитель, который осуществит вход заносится в БД
посетителей и пользуется привилегиями зарегистрированного посетителя.
В дальнейшем адрес электронной почты покупателя может быть
использован для формирования оповещений от сайта про акции [15].
Подсистема администратора магазина включает в себя:
управление размерами страниц сайта;
возможность изменения дизайна магазина;
создание, редактирование, добавление категорий товаров, воздействие
таким образом на каталог товаров;
добавление, удаление, изменение данных о товаре, которым торгует
магазин;
управление списком зарегистрированных покупателей (удалять, изменять
данные зарегистрированных клиентов);
формирование и управление групп покупателей. Для удобства
администратор делит пользователей на группы, каждая группа имеет свои цены,
свои скидки;
управление заказами, администратор будет иметь возможность удалять
заказы, изменять статусы заказов [5,7];
редактирование контактной информации посетителей магазина, в случае
необходимости, оформленной в виде электронного письма от посетителя;
46
получение архивной и статистической информации о выполненных
заказах в течении дня или конкретно по покупателю.
Одной из важных особенностей работы администратора интернет магазиан
является функция обслуживания каталога товаров магазина.
Каталог товаров призван отображать структуру, представленных товаров
интернет магазина, структура может меняться по мере изменения ассортимента, в
сторону увеличения или уменьшения. Каталог имеет древовидную структуру, при
этом, с учетом того что товары могут принадлежать разным видам продукции,
один и тот же товар может быть размещен в разных ветвях дерева.
В разрабатываемой коммерческой системе для сети Интернет, операции
ввода и изменения информации о товарных единицах, администратору приходится
выполнять каждый день, поэтому необходимо реализовать инструменты, которые
значительно облегчат выполнение этих операций и будут удобны в использовании.
Когда покупатель оформляет заказ на покупку выбранного товара,
информация о заказе сохраняется в базе данных, администратор может
просматривать список новых и текущих заказов, управлять статусом этого заказа
[21,22,28].
Основная функция по обработке заказа возлагается на систему управления
сайтом и данная функция представлена на рисунке 15.
Система управления магазином предназначена для упрощения
администрирования интернет – магазина, система управления будет выполнять
следующие операции:
проверять корректность вводимых данных при регистрации и
оформлении заказа;
формировать регистрационные данные пользователя (логин, пароль) и
отсылать на почтовый ящик;
осуществлять поддержку базы данных интернет – магазина;
иметь инструменты управления содержимым базы интернет – магазина;
поддерживать добавление и удаление товара в корзину покупок;
производить автоматический расчет суммы заказа в корзине покупок;
осуществлять автоматическую рассылку о данных заказа на почтовый
ящик пользователя и администратора;
47
отображать статус заказа и его историю;
вести архив заказов и статистику наиболее продаваемых товаров.
На рисунке 13 представлены функции подсистемы управления сайтом.
генерация ключа
приглашения,
идентификация
проверка истории заказов
проверка статуса заказа
определение наиболее
продаваемого товара
определение покупателя, который
чаще всего делает заказы
определение покупателя по
оплатам
регистрация пользователя
обработка заказов
ведение статистики
ведение аналитика
система
выдача рекомендаций по
политике продажи товара
скидки, бонусы,
высокие наценки
выдача рекомендаций по
покупателям
определение группы пользователей,
бонусные программы,
предупреждения, черный список
Рисунок 13 – Функции подсистемы управления
Определив основные подсистемы и их взаимодействие представим их
последовательность работы во времени. Для этого воспользуемся диаграммой
последовательности языка UML. Последовательная диаграмма подчеркивает
временную последовательность сообщений.
Цель диаграммы последовательности - визуализировать интерактивное
поведение системы. Визуализация взаимодействия - сложная задача.
Следовательно, решение заключается в использовании различных типов моделей
для захвата различных аспектов взаимодействия.
Целью диаграммы взаимодействия является:
– представление динамического поведения системы;
– описание потока сообщений в системе;
– описание структурной организации объектов;
– описание взаимодействия между объектами [9,17].
48
2.3. Проектирование интерфейса пользователей интернет магазина
От дизайна любого сайта зависит как будет продвигаться предприятие или
услуга в сети Интернет. Пользователям глобальной сети более приятно посещать
сайты, которые оформлены стильно, не сильно напичканы «тяжелой» графикой
или анимацией, страницы быстро загружаются и правильно отображаются в окне
браузера.
Для разработки привлекательных сайтов рекомендуется использовать
каскадные таблицы стилей (CSS), это даст возможность очистить код от лишних
тэгов, и сделать сайт более «легковесным». Верстка сайтов с использованием CSS,
позволит значительно упростить код, а также в дальнейшем позволит столкнуться
наименьшим количеством проблем при его модификации, доработке и
исправлении. Компактный оптимизированный код значительно облегчит
индексацию сайта поисковыми системами, а малый вес позволит сократит время
загрузки Web-сайта [14].
Верстка сайтов осуществляется двумя различными способами.
Первый способ – верстка осуществляется с помощью таблиц. Табличная
верстка использует элементы разметки, которые не соответствуют той семантике,
которую они несут, для получения внешних эффектов, из-за того, что изначально
таблицы не рассматривались как инструмент для построения каркаса страниц, а
выполняли свои стандартные функции - осуществляли стандартный ввод-вывод
данных. Чтобы сверстать сайт с помощью табличной верстки, необходимо
использовать большое количество вложенных таблиц, что сильно затрудняет
обработку браузером страниц, увеличивает размер сайта, что в свою очередь очень
сильно снижает скорость загрузки файлов, и может привести к появлению ошибок
в коде.
Второй способ – верстка сайта при помощи слоев (блоков), что является
более удобным и правильным инструментом верстки, с точки зрения убеждений о
разделении содержания и оформления. Блочная верстка сайтов дает больше
возможностей, позволяет сделать код компактнее, что в свою очередь позволяет
увеличить скорость загрузки веб-страницы. При помощи верстки слоями можно
гораздо более эффективно разработать сайт, который будет корректно
отображаться в браузерах [18].
49
Интерфейс пользователя должен организовать максимально простой процесс
взаимодействия пользователя и ресурса, выделяют некоторые общепринятые
приемы улучшения юзабилити:
1. Элементы интерфейса должны быть взаимосвязаны и логически
структурированы.
2. Интерфейс должен быть выполнен в едином стиле.
Выбирают самую лаконичную и понятную форму подачи информации, ведь
ее избыток сбивает пользователя с толку, а слишком многоуровневая структура
усложняет навигацию по сайту.
С помощью правильной настройки и оформления интерфейса решаются
сразу несколько задач.
Пользователь:
интуитивно понимает, как выполнить нужные действия;
получает о продукте исчерпывающую информацию;
проходит минимальный путь к целевому действию (покупке, заказу) [19].
Структура интерфейса пользователя представлена на рисунке 14.
Рисунок 14 – Структура интерфейса пользователя
На рисунке 15 представлен проект регистрационной формы.
50
Регистрационная форма
Регистрация
Город
Имя
Фамилия
Компания
Должность
Контактный телефон
E-mail
Пароль
Подтверждение пароля
Пользовательское соглашение
Зарегистрироваться
Рисунок 15 – Регистрационная форма
При регистрации пользователь должен ввести следующие данные:
– фамилия;
– имя;
– город;
– компания;
– должность;
– контактный телефон;
– e-mail;
– пароль;
– подтверждение пароля.
На рисунках 16 - 18 представлены проекты форм интерфейса пользователя.
Рисунок 16 – Меню ввода
51
Рисунок 17 – Главное окно интернет - магазина
Рисунок 18 – Корзина покупок
На рисунках 16 -18 были представлены формы входа, форма главной
страницы интернет магазина и форма корзины покупок.
2.4. Проектирование структуры БД магазина
При разработке базы данных выделяются основные информационные
сущности предметной области, выявляются связи между ними. Логическая
структура базы данных определяется информационными потребностями проекта.
При ее разработке выделяются основные информационные сущности предметной
области, выявляются связи между ними. Затем, логическая структура
52
оптимизируется в соответствии с реализуемыми целевыми функциями проекта.
Представим описание таблиц проектируемой БД и непосредственно структуру БД
Таблица 1
Поля таблицы категорий (Categories)
Поле таблицы
Тип данных
Описание
Id
SMALLINT
Уникальный идентификатор категории
ParentCategory
SMALLINT
Категория, по отношению к которой текущая
является подкатегорией
Name
VARCHAR(32
)
Название категории
Таблица 2
Поля таблицы товаров (Tovars)
Поле таблицы
Тип данных
Описание
Id
MEDIUMINT
UNSIGNED
Уникальный идентификатор товара
CategoryID
SMALLINT
UNSIGNED
Категория, к которой относится данный
товар
Name
VARCHAR(255)
Название товара
AuthorID
SMALLINT
UNSIGNED
Производитель
ISBN
CHAR(13)
Уникальный номер товара ISBN
ImageHREF
VARCHAR(255)
Путь к файлу изображения товара
Synopsis
TEXT
Краткое описание
AppearDate
DATE
Время поступления в магазин
Count
INTEGER
Количество в фонде
Price
DECIMAL(6,2)
Цена
Таблица 3
Поля таблицы производителей (Authors)
Поле
таблицы
Тип данных
Описание
Id
SMALLINT
UNSIGNED
Уникальный идентификатор
производителя
Name
VARCHAR(255)
Наименование производителя
Text_name
TEXT
Краткая справка о производителе
53
Таблица 4
Поля таблицы посетителей (Users)
Поле
таблицы
Тип данных
Описание
Id
MEDIUMINT
UNSIGNED
Уникальный идентификатор
посетителя
Name
CHAR (127)
Имя посетителя
Surname
CHAR (127)
Фамилия посетителя
Email
VARCHAR(64)
E-Mail посетителя
Phone
VARCHAR(20)
Телефон для подтверждения заказа
IP
CHAR(14)
Текущий IP покупателя
SessionKey
INT UNSIGNED
Уникальный код для авторизации
Таблица 5
Поля таблицы корзины посетителя при покупке товара
(Orders)
Поле
таблицы
Тип данных
Описание
Id
INT
UNSIGNED
Номер заказа
Amount
TINYINT
Число единиц товара, добавленных в корзину
посетителя
OrderStatusID
INTEGER
Состояние заказа
Date
DATETIME
Дата заказа
UserID
INTEGER
Покупатель
Payment
BYTE
Вид оплаты
AmountKol
CHAR(10)
Сумма заказа
Таблица 6
Поля таблицы детализации пользовательской корзинки
(OrderDetail)
Поле таблицы
Тип данных
Описание
Id
INT UNSIGNED
Номер по порядку
OrderID
INTEGER
Номер заказа
OrderStatusID
INTEGER
Состояние заказа
Quantity
DATETIME
Количество
UserID
INTEGER
Посетитель
Payment
BYTE
Вид оплаты
TovarID
CHAR(10)
Наименование товара