Пояснительная записка (1206649), страница 5
Текст из файла (страница 5)
Рисунок 3.8 – Страница «Как заказать?»
Выбрав вкладку «Партнёрам», посетитель попадает, на страницу с правовой информацией, это можно увидеть на рисунке 3.9.
Рисунок 3.9 – Страница «Партнёрам»
При нажатии на копку «Контакты» пользователь попадает на страницу с детальной информацией по адресами номерам телефонов компании. Так же имеется изображение карты города, с отмеченными точками, это можно увидеть на рисунке 3.10.
Рисунок 3.10 – Страница «Контакты»
При открытии страницы «Категории» со списком товаров мы сразу же видим весь ассортимент товаров всех категорий без фильтрации по ним, это можно увидеть на рисунке 3.11.
Рисунок 3.11 – Страница «Товары»
Для удобства поиска необходимого товара реализована система поиска по категориям. Справа находится система кнопок по определённым категориям доступных товаров. Каждый товар имеет свой артикул, название, массу и цену. Под каждым из товаров есть кнопка позволяющая добавить данный товар в корзину, на страницу которой, при нажатии перейдёт пользователь, это можно увидеть на рисунке. Так же не нужный товар клиенту можно удалить, по соответствующей кнопке. Продолжить покупки можно выбрав любую категорию или же нажать кнопку «Продолжить покупки». Для перехода на оформление заказа, так же есть своя кнопка «Оформить заказ», всё это можно увидеть на рисунке 3.12.
Рисунок 3.12 – Страница корзины
На странице корзины пользователь может видеть состояние его корзины. А именно: количество купленного определённого товара, наименование товара, цену купленного товара одного вида и общую цену всех товаров.
Так же что бы продолжить покупки пользователь может вернуться назад по средством выбора категории, нажатии кнопки «Категории», а также кнопки «Продолжить покупки». Если пользователь хочет убрать ненужный товар, достаточно нажать кнопку «Удалить товар».
Важно заметить, что при добавлении товара, сверху на панели меню отображается состояние корзины, с количеством товаров и ценой, а также кнопкой заказа, это можно увидеть на рисунке 3.13.
Рисунок 3.13 – Заказ с панели меню
Если покупатель решил оформить заказ, то он попадает, на соответствующую страницу. Тут имеются четыре поля: первое поле заполнения вашего имени, второе поле заполнения адреса доставки, третье поле заполнения контактного телефона клиента и четвёртое поле, для электронной почты клиента. Так же имеется опция выбора способа забрать товар – самовывоз или доставка, по средством установки значения, всё это можно увидеть на рисунке 3.14.
Рисунок 3.14 – Страница оформления заказа
Если пользователь не ввёл один из параметров, система сообщит ему об ошибке, которую можно увидеть на рисунке 3.15.
Рисунок 3.15 – Ошибка оформления
По завершению обработки появляется сообщение о том, что заказ принят и в ближайшее время будет обработан, а так же с пользователем, скоро свяжутся, для подтверждения заказа, по телефону, это можно увидеть на рисунке 3.16.
Рисунок 3.16 – Завершение обработки заказа
При завершении обработки, на почту компании приходит электронное письмо с полной информацией о виде заказа, контактном лице, способе доставки и адресе. Как реализовано автособранное письмо демонстрируется на рисунке 3.17.
Рисунок 3.17 – Пример собранного письма
Так же в данном приложении реализована система заказа оптовой закупки в удобной форме или же заявки по накладным. Для этого есть отдельная кнопка – «Оптовая закупка», это можно пронаблюдать на рисунке 3.18.
Рисунок 3.18 – Страница «Оптовая закупка»
Страницу можно разделить на две части: первая это скачивание формы для заявки и вторая это загрузка формы для заявки.
Форма представляет собой накладную с таблицей списка товаров и их артикулов. Так же полями для адреса доставки и способа расчёта.
Пользователь вместо долгого выбора товара по одному в большом количестве. Вписывает артикулы и количество товара. Заполняет форму адреса и оплаты и затем снова загружает готовую форму на сайт. Где она отправляется на сервер и затем её обрабатывают специалисты и связываются с клиентом для подтверждения заказа.
Следующая и не менее важная часть сайта это административная панель, на которой, администратор сайта может вносить, изменять, удалять товары. В первую очередь нужно обезопасить начинку сайта, от обычных пользователей и для этого внедряется авторизация пользователей, но так как на данном сайте отсутствует личный кабинет для рядовых клиентов, то данные занесены только по администратору, это можно пронаблюдать на рисунке 3.19.
Рисунок 3.19 – Вход в систему администратором
Первая уникальная возможность у администратора, это просмотр базы данных в виде пользовательского интерфейса на самом сайте, это можно видеть на рисунке 3.20.
Рисунок 3.20 – Просмотр базы данных администратором
Для перехода к редактированию названия продуктов являются активными ссылками. Для добавления и удаления товаров, так же существуют свои кнопки, это можно видеть на рисунке 3.21.
Рисунок 3.21 – Изменения и добавление товара администратором
Проверить успешность сохранения элемента можно, вернувшись на страницу с товаром, результат на рисунке 3.22.
Рисунок 3.22 – Сохраненный элемент изображения
Заключение
В наше время Web-приложения набирают популярность с каждым днём. И наиболее посещаемыми сайтами оказываются не просто информационные сайты, а те, которые предоставляют какой-либо сервис и как-либо облегчают жизнь людям. И именно за такими сайтами будет будущее интернета.
В рамках данной выпускной квалификационной работы были выполнены поставленные задачи:
‒ созданы ключевые и необходимые модели на стадии проектирования приложения;
‒ осуществлен выбор программных средств для разработки Web-приложения;
‒ на основе построенных моделей разработан интернет-магазин «Оптово-розничной торговли ЁЁ».
Список используемых источников
-
Анисимов, В. В. Проектирование информационных систем: курс лекций [Текст] : в 2 ч. / В.В. Анисимов. – Хабаровск: Изд-во ДВГУПС, 2006. – Ч. 1; Структурный подход. – 2006. – 112 с.
-
Анисимов, В. В. Проектирование информационных систем: курс лекций [Текст] : в 2 ч. / В. В. Анисимов. – Хабаровск: Изд-во ДВГУПС, 2007. – Ч. 2; Обектно-ориентированный подход. – 2007. – 100 с.
-
Гурвиц, Г. А. Microsoft Access 2010. Разработка приложений на реальном примере [Текст] / Г. А. Гурвиц. Санкт-Петербург : БХВ-Петербург, 2010. - 493 с.
-
Википедия. Свободная энциклопедия [Электронный ресурс]. – Режим доступа: https://ru.wikipedia.org/
-
MSDN [Электронный ресурс]: Сеть разработчиков Microsoft – Электрон. журн. – М.: Майкрософт, 2014 – Режим доступа: https://msdn.microsoft.com/ru/