Создание систем электронной торговли энергосберегающими технологиями

курсовая работа

2.3.1 Проектирование экранных форм пользовательской части

Ниже представлен интерфейс главной страницы (рис. 2.4).

  • Рисунок 2.4 - Главный интерфейс
  • В пользовательской части магазина представлен каталог товаров магазина. Пользовательская часть позволяет клиентам перемещаться по сайту и оформлять заказы.
  • Товары в программе группируются по категориям. Доступ к категориям осуществляется двумя способами:
  • - переходом по ссылкам в центре главной страницы;
  • - через список категорий.
  • Формирование вложений в категориях не ограничено, т.е. категории могут быть разбиты на подкатегории, а последние, в свою очередь, также могут быть разбиты на подкатегории и т.д.
  • Выбрав название категории (кликнув по названию), посетитель вашего магазина увидит список товаров, содержащихся в выбранной категории. Список категорий в левой части страницы всегда отображает текущее местонахождение клиента (помечается звездочкой) в дереве категорий.
  • Когда посетитель магазина заходит в какую-либо товарную категорию, ему будет показан список товаров данной категории, разбитый по страницам.
  • Просматривая список товаров (в категории и т.д.), кликнув на название товара, посетитель перейдет на страницу с полным описанием товара. Детализированная страница товара позволяет клиенту не только добавить товар в корзину, но и увидеть изображение товара, проголосовать и обсудить товар с другими пользователями.
  • Добавление товаров в корзину происходит очень просто - одним нажатием на кнопку «Добавить в корзину». Эта кнопка находится напротив каждого товара в списке (при просмотре товаров внутри категории, результатов поиска, на странице с подробной информацией о клиенте). После нажатия кнопки «Добавить в корзину», пользователю открывается страница корзины (рис. 2.5).
  • Рисунок 2.5 - Корзина покупателя
  • На странице корзины клиент видит заказанные товары, может выбрать и удалить товары, которые он передумал покупать, или очистить корзину. Состояние корзины отображается каждый раз, когда клиент добавляет товар в корзину. С этой страницы клиент может либо перейти на страницу оформления заказа, либо вернуться обратно к списку товаров. По умолчанию выбор опции «Вернуться к списку товаров» отправляет клиента на главную страницу магазина.
  • Оформление заказа
  • Клиенту предлагается предоставить необходимую контакную информацию (имя, фамилия, адрес доставки). При нажатии на кнопку «Разместить заказ» система сохраняет заказ в базе данных и отправляет два электронных письма-уведомления: * клиенту - сообщение с информацией о заказе; * администратору магазина - уведомление о размещении заказа. Это сообщение отправляется на адрес, указанный в настройках магазина (раздел «Настройки» в административной части). Когда заказ сохранен в базе данных и уведомления отправлены, перед клиентом открывается страница «Спасибо за ваш заказ» (рис. 2.6).
  • Рисунок 2.6 - Оформление заказа
  • Делись добром ;)