2.5 Контрольный пример реализации проекта и его описание
Рассмотрим пример реализации разработанной системы. При наборе адреса магазина посетитель попадает на его главную страницу. На главной странице представлены каталог товаров, контактные данные магазина, а также специальные предложения. Появление товаров в данной категории определяется администратором системы.
Рис. 2.5.1 Главная страница Интернет-магазина
Также посетитель может найти интересующую его товарную позицию с помощью формы поиска:
Рис. 2.5.2 Форма поиска
После инициирования поиска на экран выводятся его результаты. Посетитель может просмотреть прайс-лист на весь перечень товаров:
Рис. 2.5.3 Результаты поиска
Рис. 2.5.4 Прайс-лист
Также слева, на панели навигации, доступен каталог:
При нажатии на соответствующую категорию в меню появляются подкатегории, а на странице – перечень популярных товаров, входящих в категорию.
Рис. 2.5.5 Каталог
При просмотре конкретной товарной позиции необходимо нажать на соответствующую ссылку:
Рис. 2.5.6 Страница описания товара
На странице с описанием товара доступно само описание, изображение, которое можно увеличить, цены, а также существует возможность оценки данного товара:
Рис. 2.5.7 Увеличение изображения товара
При нажатии кнопки «В корзину» товар добавляется к заказу.
После окончания оформления заказа можно либо продолжить выбор покупок, либо покинуть магазин. Управление работой системы осуществляется через панель администрирования. Возможно редактирование каталога.
Рис. 2.5.8 Корзина
При необходимости дальнейшего оформления заказа нажимается кнопка «Оформить заказ».
Добавление товара осуществляется при помощи формы на рис. 2.5.12. А добавление категории – с помощью формы на рис. 2.5.13. Добавление товара в спецпредложения осуществляется нажатием на иконку с изображением кулака с поднятым большим пальцем:
Рис. 2.5.9 Страница внесения данных о покупателе
Рис. 2.5.10 Панель администрирования
Рис. 2.5.11 Редактирование каталога
Рис. 2.5.12 Добавление товара
Рис. 2.5.13 Добавление категории
Рис. 2.5.14 Добавление товара в спецпредложение
На странице «спецпредложения» производится выбор очередности показа товаров в этой категории:
Рис. 2.5.15 Формирование очередности показа товаров в спецпредложениях
Кроме того, доступны просмотр списка заказов:
Рис. 2.5.16 Список заказов
А также изменение некоторых настроек, описанных выше.
Рис. 2.5.17 Изменение настроек магазина
Листинги программных модулей приведены в Приложении 4.