23
Для покупателей интернет-магазин предоставляет возможность выбирать
товар и оформлять заказ круглосуточно, без привязки к режиму работы магазина.
Для организации дополнительными преимуществами станут сокращение
расходов на общение с клиентом и донесение до него подробной информации,
поскольку вся детальная информация о товарах будет представлена на сайте. [5]
Многие компании для обеспечения продаж в сети Интернет активно
используют социальные сети. Это хороший, современный подход, не требующий
серьезных затрат, к тому же позволяющий воспользоваться преимуществами
вирусного маркетинга. Однако сложно поспорить с тем, что продажи через
соцсети могут не внушать доверия покупателям, выглядеть в их глазах
недостаточно серьезно, ассоциироваться с недобросовестными поставщиками и
кустарным производством.
Кроме того, зависимость от сторонних платформ делает уязвимой
коммерческую модель предприятия при возникновении технических проблем со
стороны социальных сетей.
Дополнительным преимуществом ведения торговли через интернет-
магазин в сравнении с торговлей через соцсети, является возможность удобной
работы с базой данных покупателей. В административной части сайта менеджер
или администратор могут просматривать профили покупателей, их контактные
данные, историю заказов, что предоставляет дополнительные возможности
маркетинговой службе.
Также, применительно к конкретной организации, стоит отметить, что
постоянные клиенты привыкли работать с ней в совершенно иной плоскости (а
именно — в сфере sms-рассылок и мобильного маркетинга). Сайт, отвечающий
за основную сферу деятельности, имеет соответствующее, узко
специализированное наполнение, которое не имеет смысла увязывать воедино с
новой сферой. Это усложнит привлечение новых потенциальных клиентов и,
будет отвлекать покупателей от процесса выбора и заказа, а также порождать
лишние вопросы.
24
По этим причинам новое направление деятельности, безусловно, требует
создания отдельного сайта, с собственным контентом, соответствующим ему
дизайном и функционалом. Также для разграничения сфер деятельности
компании интернет-магазин получил собственное название «TheCake», сохранив
при этом информацию о компании-производителе и все ее контактные данные.
2.3 Постановка задачи проектирования интернет-магазина
2.3.1 Разработка клиентской части
На стороне клиента необходимо создать максимально доступный и
удобный интерфейс. Интерфейс пользователя — это элементы и компоненты
web-приложения, способные оказывать влияние на взаимодействие пользователя
и программного обеспечения (например, средства отображения информации,
форматы, командные режимы, диалоги, обратная связь с пользователем и так
далее). [18]
Безусловное требование нашего времени — это адаптивный дизайн,
поскольку мобильные устройства генерируют не менее половины трафика.
Главный смысл и задача адаптивного дизайна — передать ключевое содержимое
сайта на разных пользовательских устройствах: десктоп, планшет, смартфон.
Экраны смартфона чаще всего предполагают отображение информации в виде
одной колонки. Для этого сокращается содержимое: второстепенные
информационные блоки удаляются (скрываются), а остаются только важнейшие
элементы: мобильное меню, каталог, выстроенный в одну колонку, краткая
информация о товаре, кнопка для перемещения товара в корзину. [17]
Исходя из личного опыта использования интернет-магазинов, анализа
сайтов схожей тематики, а также изучения соответствующей литературы, были
сделаны выводы, которые нашли отражение в разработке пользовательского
интерфейса интернет-магазина «TheCake». Именно они, вкупе с пожеланиями
заказчика, послужили основой для принятия решений в разработке
пользовательских интерфейсов.
25
Прежде всего, важны простота и понятность интерфейсов, то есть быстрый
доступ к основной необходимой информации (или к нужным разделам) и
отсутствие лишней, не нужной покупателю информации. [15]
Сфера деятельности интернет-магазина «TheCake» - продажа тортов, что
предполагает наличие большого количества ярких и красочных изображений
продукции на странице каталога. При разработке дизайна необходимо это
учитывать, чтобы оформление сайта не было перегружено лишними деталями,
создающими вкупе с изображениями тортов эффект пестроты и
перенасыщенности.
Главная страница магазина будет содержать информацию о компании,
контактные данные, информацию о выпускаемой продукции, сроках
изготовления и доставке. Заказчиком было принято решение разместить всю эту
информацию в сжатом, лаконичном изложении на главной странице, не разнося
ее по разделам на разные страницы, чтобы не усложнять покупателю поиск
нужной информации.
Каталог товаров будет оформлен так, чтобы покупатель мог быстро найти
интересующий его товар. Для этого продукты будут разделены по категориям (в
начале их будет четыре: «Торты», «Пирожные», «Пироги», «Десерты»; в
дальнейшем, при необходимости можно добавить новую категорию из
административной части). Для каждого товара будет создана отдельная страница
с полным описанием, при этом кнопка «В корзину» будет доступна как на
отдельной странице товара, так и общей странице каталога.
Не менее важны удобные формы регистрации и оформления заказа.
Известно, что чем больше полей необходимо заполнить при оформлении заказа,
тем выше вероятность, что потенциальный покупатель не доведет дело до конца.
То же самое относится и к регистрации нового пользователя. [15] Но при этом
следует понимать, что некоторые данные просто необходимо получить от
пользователя для формирования заказа (в частности, его имя, контактные
данные, дата изготовления торта, адрес доставки — в случае, если выбрана
доставка на дом). Чтобы не утомлять пользователя заполнением
26
многочисленных полей, было решено собирать данные пользователей в два
этапа. Первый этап — регистрация. Регистрация требует заполнения полей
«Имя», «Email» и «Пароль». Это минимальный набор, не отталкивающий
посетителя от процесса регистрации. Однако наличие данного этапа и собранных
на нем данных существенно сокращает второй этап сбора информации, который
происходит в момент оформления заказа. Для зарегистрированного пользователя
форма оформления заказа включает всего одно обязательное поле — это дата
изготовления торта (поскольку TheCake продает только свежевыпеченные
торты, а выпечка торта начинается только после оформления заказа, то
кондитеру необходимо знать дату, к которой нужно приготовить торт). Адрес
доставки заполняется только в случае, если клиент желает заказать доставку на
дом; телефон также указывается только по желанию покупателя.
Стоит также отметить важность валидации форм. Валидацией называется
проверка значений, введенных пользователем в поля, и отображение
обнаруженных ошибок. Валидация также включает в себя указание
пользователю на обязательность заполнения определенных полей.
Валидация необходима по нескольким причинам. Во-первых, если
компания собирает данные от пользователя, то, безусловно, она должна
получить их в корректном виде. Глупо получить и сохранить в базе
бессмысленный набор символов вместо e-mail пользователя или дату доставки
торта, указывающую на вчерашний день. Поэтому перед отправкой на сервер эти
данные должны быть проверены на корректность. Во-вторых, проверка
введенных пользователем данных — это обязательное условие безопасности
сайта.[15]
Чтобы обеспечить пользователю удобное заполнение формы и не утруждать его
исправлением ошибок, хорошими средствами являются указание знака * у
обязательных полей и размещение в полях плейсхолдеров. Плейсхолдерами
называются размещенные внутри полей текстовые подсказки, описывающие или
служащие примером той информации, которую нужно ввести пользователю
(например, часто указывается пример нужного формата телефонного номера).
27
Эти подсказки исчезают после того, как пользователь кликает на поле и начинает
ввод данных.
Введенная информация должна проверяться на соответствие
установленным разработчиком правилам, и в случае ошибки должны
подсвечиваться неверно заполненные поля и рядом с ними выводиться текст
ошибки. Важно, чтобы при этом не исчезали данные из правильно заполненных
полей, поскольку это непременно вызовет раздражение пользователя и может
повлечь его уход с сайта.
После того, как пользователь ввел корректные данные, они могут быть
отправлены на сервер и сохранены в базе данных.
Для любого интернет-магазина нельзя недооценивать значимость
обратной связи. В магазине TheCake для этого разработана специальная форма,
позволяющая высказать клиенту свое мнение о том или ином продукте или
качестве обслуживания, также через эту форму покупатель может сделать
индивидуальный заказ. Важно, чтобы менеджер как можно быстрее отвечал на
сообщения обратной связи, поэтому при поступлении такого сообщения
менеджеру на почту приходит письмо-извещение.
Информация о новом заказе также в обязательном порядке приходит в виде
электронного письма менеджеру, что обеспечивает скорость реагирования на
заказ. Письмо содержит всю необходимую информацию о покупателе и заказе.
Аналогичное письмо получает покупатель, но вместо информации о клиенте там
содержатся контактные данные магазина. Подтверждение заказа по электронной
почте стало уже привычным для покупателей интернет-магазина. Кроме этого,
оно необходимо, чтобы избежать ситуации, когда заказ был оформлен
посторонним лицом без ведома клиента. [21]
Учитывая тот факт, что основным направлением деятельности ООО
«Тоника» является рассылка SMS-сообщений, следует учитывать возможность
проведения информационных рассылок покупателям по SMS в дальнейшем, при
возникновении такой необходимости (например, при желании маркетингового
отдела провести акцию и известить о ней покупателей). Для того, чтобы в
28
дальнейшем производить осуществление рассылки, необходимо собирать и
хранить в базе данных телефонные номера.
Последний момент, который стоит отметить, касаясь проектирования
клиентской части и заботы об удобстве пользователя — это так называемые ЧПУ
(человекопонятные URL).
«Понятные человеку URL» - это URL, состоящие из понятных слов вместо
идентификаторов и отражающие файловую структуру сайта. В нашем случае это
будет, например, /products/cakes/4 вместо /category=1&prod=4.
ЧПУ предполагают написание адресов страниц в максимально лаконичном
и понятном виде, их удобней читать, понимать и воспроизводить. Они создают
подобие привычной для пользователя логической структуры данных на сервере,
представляя ее в иерархичном виде.
Такой подход помогает пользователю ориентироваться в логической
структуре интернет-магазина, лишь взглянув на вложенность каталогов. Это
удобно для пользователя, поскольку ему не обязательно переходить на страницу,
чтобы понять, что на ней размещено. Чтобы перейти на уровень выше, можно
просто стереть адрес в адресной строке до нужного каталога, а чтобы перейти на
главную страницу — стереть все, кроме доменного имени. ЧПУ прочно вошли в
нашу жизнь и должны обязательно присутствовать на современном сайте. [16]
2.3.2 Разработка администраторской части
Администрирование подразумевает процесс управления интернет-
магазином, поэтому на сайте должны иметься инструменты, необходимые для
выполнения как общих настроек магазина (название, контактные данные), так и
более специализированных.
Поскольку администрирование предполагает изменение данных, вход в
административную часть должен быть закрыт от посетителей и производиться
только авторизованными сотрудниками. [4]
29
В данном проекте вход в административную часть должен быть доступен
только администратору и менеджеру, причем их привилегии несколько
различаются.
Ниже представлен список возможностей, которые должны
предоставляться из административной части:
изменение названия интернет-магазина, адреса, e-mail, телефона;
настройки каталога продукции: добавление, редактирование и удаление
товара, изменение описания, стоимости, изображений, отнесение товара к
другой категории
изменение статуса товара (Товар можно сделать временно неактивным.
Некоторая продукция может быть сезонной, например, торты, украшенные
свежими ягодами. В этом случае в несезон товару присваивается статус «не
активен», при этом он сохраняется в базе данных, но снимается с продажи
и не выводится в каталоге);
добавление, редактирование и удаление категорий;
добавление, редактирование, удаление и бан пользователей (данная
привилегия доступна только администратору);
добавление новых покупателей, обновление их профилей, удаление
покупателей;
управление заказами: просмотр детализации, изменение статуса, отмена
заказа, создание нового заказа;
возможность оформления заказа на «абстрактного» покупателя при
нежелании клиента регистрироваться на сайте.
2.3.3 Распределение ролей и привилегий пользователей
Зарегистрированные пользователи в системе могут иметь один из четырех
статусов:
1. Пользователь
2. Менеджер
30
3. Администратор
4. Забаненный пользователь.
Тот или иной статус определяет наличие или отсутствие определенных
полномочий.
Прежде всего, стоит отметить, что просматривать страницы интернет-
магазина могут все пользователи сети (то есть для этого необязательно иметь
регистрацию на сайте), однако для оформления заказа регистрация уже
потребуется, о чем незарегистрированный пользователь будет извещен при
попытке оформить заказ. Как уже упоминалось выше, регистрация происходит
очень быстро, после чего посетитель приобретает статус «пользователь» и
автоматически возвращается на страницу оформления заказа.
Менеджер (отдел продаж) должен иметь возможность оперативно
добавлять новые продукты, редактировать и удалять их, а также назначать
некоторые товары неактивными (то есть недоступными к продаже в данный
период времени). При этом предполагается, что менеджер не должен владеть
навыками верстки и программирования, соответственно, такие возможности
должны быть предоставлены в административной части сайта.
Статус «менеджер» предоставляет следующие возможности:
Вход в административную часть сайта
Добавление, удаление, редактирование товаров и категорий
Изменение статуса товара («активный» / «неактивный»)
Просмотр списка заказов, их детализации, добавление нового заказа
Изменение статуса заказа, отмена заказа
Оформление заказа на «абстрактного» покупателя
Просмотр списка пользователей, их статусов.
Получение статуса «менеджер» возможно только одним способом: его
присваивает администратор сайта.
Администратор сайта имеет максимальный перечень привилегий. В
дополнение ко всем возможностям менеджера, администратор может менять
общие настройки сайта, а также может вручную добавлять, удалять и
31
редактировать пользователей. Почему такой возможности лишен менеджер?
Пользовательская база — одна из самых ценных составляющих интернет
магазина. Доверять доступ к ней менеджеру, который теоретически может по
ошибке или умышленно нанести вред этим данным, может быть не самым
разумным решением. [15] Кроме того, в таблице пользователей есть
возможность смены статуса пользователя, что тоже может таить в себе ненужные
риски. По этим причинам менеджер не имеет доступа к редактированию
пользователей. Однако для менеджера предусмотрена отдельная таблица
«Покупатели», в которой имеются необходимые для него данные клиентов,
позволяющие полноценно обрабатывать заказы.
Последний статус «Забанен» также может быть присвоен только
администратором сайта. При получении такого статуса пользователь при
введении логина и пароля получит ошибку авторизации, соответственно, сделать
заказ он не может. Снять данный статус также может только администратор.
2.4 Выбор средств разработки интернет-магазина и его обоснование
Разработка интернет-магазина будет производиться при помощи HTML,
CSS, JavaScript и PHP. В качестве СУБД (системы управления базами данных)
была выбрана MySQL.
MySQL — это простая, надежная и эффективная система управления
данными, использующая традиционный язык SQL. Простое подключение к базе
данных, привычный синтаксис запросов, удобная работа с таблицами — все эти
факторы определили выбор. Кроме этого, MySQL - наиболее часто используемое
инструментальное средство для работы с базами данных, поэтому проблем с
поддержкой на хостинге не ожидается. [12]
Основным средством разработки интернет-магазина «TheCake» был
определен язык PHP, который будет использован совместно с бесплатным
фреймворком Laravel версии 5.6.
Важнейшими достоинствами PHP являются его совместимость со всеми
32
браузерами и операционными системами, а также постоянное развитие и
совершенствование языка. Выбор PHP в качестве средства разработки
достаточно традиционен, а потому проблем с поддержкой хостингами не
возникает. [7]
Для создания интернет-магазина была использована версия PHP 7.1. По
сравнению с РНР пятой версии, в версии PHP7 добавились следующие
особенности:
увеличилась производительность и скорость работы (тесты на реальных
приложениях доказывают, что PHP7 примерно вдвое быстрее PHP 5.6, к
тому же использует на 50% меньше памяти в процессе обработки запросов)
добавлена типизация параметров и подсказки по возвращаемым типам
добавлена работа с исключениями (это сокращает количество фатальных
ошибок)
анонимные классы [11, 26]
Как любой современный язык программирования, PHP поддерживает
возможности объектно-ориентированного программирования (ООП). ООП
успешно применяется на практике для создания управляемых проектов.
Объектно-ориентированные программы более просты и мобильны, их проще
модифицировать и поддерживать. ООП позволяет создавать объекты, доступные
для многократного использования, облегчая процесс написания и управления
большими приложениями. Модульная структура приложения позволяет вносить
изменения в различные части программы, при этом риски распространения
ошибок минимальны. [26]
Объектно-ориентированное программирование имеет в основе:
Наследование
Инкапсуляции
Полиморфизм
Наследование позволяет одному объекту приобретать свойства и методы
другого объекта, дополняя их собственными уникальными свойствами. [8]