Разработка системы заказов по каталогу

12) Увеличению посещаемости интернет-магазина и количества постоянных клиентов способствует также наличие обратной связи администратора с клиентами. Важно, чтобы администраторы как можно быстрее и максимально полно отвечали на письма.

13) Обратной, невидимой покупателю, стороной интернет-магазина является система управления. Вход в систему администрирования осуществляется только после ввод администратором логина и пароля (логин и пароль администратор может менять). Администратор имеет возможность полностью управлять содержимым интернет-магазина:

- добавлять или удалять товары, описания и фотографии к ним, изменять их стоимость, условия доставки товаров и уровень скидок;

- редактировать разделы магазина (новости, статьи, вопросы и ответы, отзывы и вопросы к товарам и пр.);

- редактировать специальные разделы магазина (новинки, специальные предложения, товары дня, лидеры продаж);

- редактировать контактную информацию интернет-магазина;

- редактировать содержание заголовков и текстов писем, отправляемых покупателю при регистрации и покупке товара;

- составлять и рассылать письма с новостями магазина подписчикам;

- просматривать историю заказов и статистику покупателей;

- изменять курс валюты на витрине магазина.

Если заказчик интернет-магазина собирается работать ещё и с оптовыми клиентами, необходимо предусмотреть работу сайта как с розничными, так и с оптовыми ценами на товары.

14) Загрузка товарных предложений должна осуществляться из файла Microsoft Excel. Файл, в котором описаны все группы, подгруппы каталога, а также информация о товарах, создается на локальном компьютере (ограничений к количеству групп, категорий и самих товаров быть не должно). Затем файл загружается в интернет-магазин. После загрузки прайс-листа товары автоматически появляются на витрине. Таким образом, можно оперативно изменять данные о ценах и наличии товаров.

15) Аккуратная работа с цветом. Правильно примененный цвет может, например, передавать тонкие различия между однородными элементами. Неправильно примененный цвет может мешать работать с программой.

Особенно это относится к красному цвету. Так уж получилось, что для всех людей красный цвет ассоциируется с некой опасностью. Большое количество красного цвета в каком-либо месте на экране привлекает внимание, заставляет пользователя настораживаться, думая что что-то не так.

Дорожные знаки красного цвета либо запрещают, либо предупреждают об опасности. Поэтому, если кнопка на экране окрашена красным, независимо от того, что на ней написано пользователь будет стараться избегать нажатия на нее.

В малых количествах красный цвет может исправно служить в качестве ненавязчивого указания наличия каких-либо проблем. Например, если получившееся в результате расчета число превышает норму.

Красный цвет может также использоваться в парах с другими. Существуют две метафоры - «термометр» когда красному противостоит синий, и «светофор» - зеленый. Обе они должны использоваться только, если это уместно.

Руководствуясь данными принципами разработки интерфейса, было решено сделать ставку на простоту и информативность, что бы пользователь, попадая на сайт, должен получать четкую информацию о товаре, новинках, предстоящих релизах. Так же о том, как он сможет оплатить заказ, каковы условия и сроки доставки и т.д.

В интернет - магазине должен быть реализован удобный и быстрый поиск необходимого пользователю товара, так как не все имеют неограниченный доступ в интернет, и многие оплачивают его по часам. Да и утомительный просмотр каталогов мало кому по душе.

Все товары, предлагаемые на сайте, должны быть в наличии. Так как вряд ли кого-то порадует сообщение о том, что заказанный компакт-диск, он сможет получить только через месяц. Будет предусмотрена система заказа товара, отсутствующего на складе.

Будет сделана простая и предельно удобной навигация, с тем чтобы пользователь оперативно получал ответы, на любые вопросы по тематике сайта. Не найдя нужной информации, посетитель может просто уйти, так и не получив четкого представления о вашем ресурсе.

2.9.1 Интерфейс веб-страницы

Реализация веб-интерфейса рассмотрена на примере деятельности Интернет-магазина по продаже книг. Поскольку полнофункциональная версия Интернет-магазина находится в разработке, для реализации интерфейса использовался принцип прототипирования.

Рисунок 12 - Прототип главной страницы Интернет-магазина

В пользовательской части магазина представлен каталог товаров магазина. Пользовательская часть позволяет клиентам перемещаться по сайту и оформлять заказы.

Товары в программе группируются по категориям.

Доступ к категориям осуществляется двумя способами:

- переходом по ссылкам в центре главной страницы;

- через список категорий.

Формирование вложений в категориях не ограничено, т.е. категории могут быть разбиты на подкатегории, а последние, в свою очередь, также могут быть разбиты на подкатегории и т.д.

Выбрав название категории (кликнув по названию), посетитель вашего магазина увидит список товаров, содержащихся в выбранной категории. Список категорий в левой части страницы всегда отображает текущее местонахождение клиента (помечается звездочкой) в дереве категорий.

Когда посетитель магазина заходит в какую-либо товарную категорию, ему будет показан список товаров данной категории, разбитый по страницам.

Просматривая список товаров (в категории и т.д.), кликнув на название товара, посетитель перейдет на страницу с полным описанием товара. Детализированная страница товара позволяет клиенту не только добавить товар в корзину, но и увидеть изображение товара, проголосовать и обсудить товар с другими пользователями.

Добавление товаров в корзину происходит очень просто - одним нажатием на кнопку «Добавить в корзину». Эта кнопка находится напротив каждого товара в списке (при просмотре товаров внутри категории, результатов поиска, на странице с подробной инфорамцией о клиенте). После нажатия кнопки «Добавить в корзину», пользователю открывается страница корзины.

Рисунок 13 - Прототип страницы «Корзина»

На странице корзины клиент видит заказанные товары, может выбрать и удалить товары, которые он передумал покупать, или очистить корзину. Состояние корзины отображается каждый раз, когда клиент добавляет товар в корзину. С этой страницы клиент может либо перейти на страницу оформления заказа, либо вернуться обратно к списку товаров. По умолчанию выбор опции «Вернуться к списку товаров» отправляет клиента на главную страницу магазина.

Следующим, и заключительным шагом является оформление заказа. Прототип данной страницы приведен ниже.

Рисунок 14 - Прототип страницы «Оформление заказа»

Клиенту предлагается предоставить необходимую контакную информацию (имя, фамилия, адрес доставки). При нажатии на кнопку «Оформить заказ!» система сохраняет заказ в базе данных и отправляет два электронных письма-уведомления: клиенту - сообщение с информацией о заказе; менеджеру-администратору магазина - уведомление о размещении заказа. Когда заказ сохранен в базе данных и уведомления отправлены, клиенту отображается оповещение «Спасибо за ваш заказ».

2.9.2 Интерфейс базы данных

Данный интерфейс разрабатывается для менеджера-администратора магазина, и позволяет ему достаточно быстро и удобно дополнять и изменять содержимое базы данных.

Рисунок 15 - Главная форма работы с БД для менеджера-администратора

Подменю «Ввод и редактирование данных» содержит пункты «Создать новую категорию», «Добавить новый товар» и «Работа с данными о клиентах». Первые два пункта будут подробно описаны ниже.

Рисунок 16 - Форма добавления новой категории товаров

Для того, чтобы добавить новую категорию/подкатегорию в список, необходимо выбрать соответствующий пункт из подменю «Ввод и редактирование данных» главного меню. Появится окно с выбором опций для категории/подкатегории, которую вы хотите создать. Родительская категория: определяет родительскую категорию, куда будет помещена новая категория. Если вы выберите в качестве родительской не корневую, а уже существующую категорию, то вы создадите подкатегорию.

Рисунок 17 - Форма ввода данных о товаре

Для того, чтобы добавить новый товар, нажмите на кнопку «Добавить» в нижней части столбца Товары.

Появится окно с выбором опций для товара:

Родительская категория: определяет категорию/подкатегорию, в которую будет помещен товар. Корневая папка может работать как запоминающий буфер: содержание папки не отражается в пользовательской части, и посетители его не видят.

Наименование: укажите название товара, который вы хотите добавить.

Внутренний код (артикул): если вы маркируете товар, то здесь необходимо указать его код. Это поможет идентифицировать его при заказе. Информация, введенная в этом поле, необходима только для внутреннего использования: она показывается администратору, но не клиенту.

Цена: здесь необходимо указать стоимость товара. Если указать цену как отрицательное значение или ноль, то кнопка «Добавить в корзину» будет заблокирована и клиент не сможет заказать этот продукт.

Фотография: данные поля необходимы для визуального представления товара. Маленькая фотография используется для предпросмотра в каталоге, большая - для более детального представления на странице товара.

2.10 Технические требования к ЭВМ

Для корректной работы данной программы устанавливаются минимальные требования к программному и аппаратному обеспечению персонального компьютера.

Минимальным требование к программному обеспечению на сервере является СУБД MySQL, интерпретатор PHP, Apache Web Server.

Минимальным требование к программному обеспечению на рабочей станции клиента является браузер Internet Explorer v6.0 и выше, Opera v.7.0 и т.д. Минимальные требования к аппаратному обеспечению сервера является:

Процессор Intel Pentium IV 3,0 ГГц;

512 Мб оперативной памяти;

Операционная система Windows 98SE\2000\XP.

500 Мб свободного места на жестком диске.

Минимальные требования к аппаратному обеспечению рабочей станции клиента является:

Процессор Intel Pentium III 700 МГц;

128 Мб оперативной памяти;

Операционная система Windows 98SE\2000\XP

Заключение